some styles

Author: abdurrahmanekr

src/MeetingMessage/MeetingMessage.css

@@ -74,6 +74,7 @@
     padding: 9px;
     color: #6264a7;
     cursor: pointer;
+    font-size: 13px;
 }
 
 .rce-mtmg-bottom--tptitle {
@@ -118,8 +119,9 @@
     display: flex;
 }
 
-.rce-mitem:hover {
-    background: #d0d0d0;
+.rce-mitem:hover,
+.rce-mitem-event:hover {
+    background: #ececec;
 }
 
 .rce-mitem-body {
@@ -137,7 +139,8 @@
 }
 
 .rce-mitem-body--top-title {
-    font-size: 16px;
+    font-size: 15px;
+    color: #6264a7;
     padding: 0px 15px 0 0;
     text-transform: capitalize;
     font-weight: 600;
@@ -151,7 +154,7 @@
 
 .rce-mitem-body--bottom-title {
     color: #252525;
-    font-size: 15px;
+    font-size: 13px;
     font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
 }
 
@@ -237,10 +240,6 @@
     font-size: 12px;
 }
 
-.rce-mtmg-record:hover {
-    background: #d0d0d0;
-}
-
 .rce-mtmg-record-time {
     position: absolute;
     bottom: 5px;

src/MeetingMessage/MeetingMessage.js

@@ -132,9 +132,9 @@ export class MeetingMessage extends Component {
                                             </div>
                                         }
 
-                                        <div className="rce-mtmg-record">
-                                            {
-                                                x.event ?
+                                        {
+                                            x.event &&
+                                            <div className="rce-mitem-event">
                                                 <div className="rce-mitem-bottom-body">
                                                     <div className="rce-mitem-bottom-body-top">
                                                         {x.event.title}
@@ -157,7 +157,7 @@ export class MeetingMessage extends Component {
                                                             }
                                                         </div>
                                                         {
-                                                            x.record ?
+                                                            x.record &&
                                                             <div className="rce-mtmg-call-record">
                                                                 <div className="rce-mtmg-call-body">
                                                                     <div
@@ -180,13 +180,11 @@ export class MeetingMessage extends Component {
                                                                     </div>
                                                                 </div>
                                                             </div>
-                                                            : null
                                                         }
                                                     </div>
                                                 </div>
-                                                : null
-                                            }
-                                        </div>
+                                            </div>
+                                        }
                                     </div>
                                 )
                             })