minor visual tweaks

css/base.css

@@ -321,6 +321,9 @@ ul.menu > li.separator:hover {
   opacity: 0;
   background-color: inherit;
 }
+.menuTrigger a {
+  color: #757575;
+}
 
 li .menuTrigger {
   top: 0.25rem;
@@ -3030,7 +3033,6 @@ ul.tabbar li.active > a {
   display: flex;
   align-items: center;
   height: 100%;
-  margin-left: auto;
   margin-right: 1rem;
 }
 
@@ -3192,7 +3194,7 @@ ul.phone-country-selector span.country {
   }
 
   .pinned {
-    min-width: 16rem;
+    min-width: 12rem;
   }
 }
 

src/views/messages-view.jsx

@@ -1633,6 +1633,7 @@ class MessagesView extends React.Component {
                 }<ContactBadges badges={icon_badges} /></div>
                 <div id="topic-last-seen">{lastSeen}</div>
               </div>
+              <div style={{marginLeft: 'auto'}}/>
               {!this.props.displayMobile ?
                 <PinnedMessages
                   tinode={this.props.tinode}

umd/index.dev.js

@@ -6535,7 +6535,11 @@ class MessagesView extends (react__WEBPACK_IMPORTED_MODULE_0___default().Compone
           badges: icon_badges
         })), react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
           id: "topic-last-seen"
-        }, lastSeen)), !this.props.displayMobile ? react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_widgets_pinned_messages_jsx__WEBPACK_IMPORTED_MODULE_15__["default"], {
+        }, lastSeen)), react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+          style: {
+            marginLeft: 'auto'
+          }
+        }), !this.props.displayMobile ? react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_widgets_pinned_messages_jsx__WEBPACK_IMPORTED_MODULE_15__["default"], {
           tinode: this.props.tinode,
           messages: pinnedMessages,
           selected: this.state.selectedPin,