meetingItem tasarımsal düzenlemeler yapıldı

Author: esracoskun

src/MeetingItem/MeetingItem.css

@@ -21,6 +21,12 @@
     background: #fbfbfb;
 }
 
+.rce-mtitem-top {
+    display: flex;
+    flex-direction: row;
+    position: relative;
+    justify-content: space-between;
+}
 
 .rce-mtitem-subject {
     padding: 0 10px;
@@ -66,7 +72,7 @@
 }
 
 .rce-mtitem-body--avatars .rce-avatar-container {
-    margin-left: -15px;
+    margin-left: -10px;
     border: 2px solid #fff;
 }
 
@@ -108,6 +114,7 @@
 
 .rce-mtitem:hover .rce-mtitem-closable {
     display: flex;
+    cursor: pointer;
 }
 
 .rce-mtitem-share {
@@ -118,6 +125,8 @@
     color: #5ba7c5;
     margin: -10px 0;
     transition: 300ms;
+    position: relative;
+    left: -10px;
 }
 
 .rce-mtitem-button:hover,

src/MeetingItem/MeetingItem.js

@@ -32,8 +32,15 @@ export class MeetingItem extends Component {
                 onClick={this.props.onClick}
                 onContextMenu={this.props.onContextMenu}>
                 <div className="rce-mtitem">
-                    <div className="rce-mtitem-subject">
-                        {subject}
+                    <div className="rce-mtitem-top">
+                        <div className="rce-mtitem-subject">
+                            {subject}
+                        </div>
+                        <div
+                            className="rce-mtitem-share"
+                            onClick={this.props.onShareClick}>
+                            <MdLink />
+                        </div>
                     </div>
                     <div className="rce-mtitem-body">
                         <div className="rce-mtitem-body--avatars">
@@ -90,11 +97,6 @@ export class MeetingItem extends Component {
                         </div>
                     </div>
                     <div className="rce-mtitem-footer">
-                        <div
-                            className="rce-mtitem-share"
-                            onClick={this.props.onShareClick}>
-                            <MdLink />
-                        </div>
                         <span className='rce-mtitem-date'>
                             {dateText}
                         </span>