Merge pull request #2086 from asaadmahmoodspin/ui-improvements

Multiple UI improvements

web/react/components/admin_console/analytics.jsx

@@ -75,10 +75,12 @@ export default class Analytics extends React.Component {
         }
 
         let loading = (
+            <h5>
                 <FormattedMessage
                     id='admin.analytics.loading'
                     defaultMessage='Loading...'
                 />
+            </h5>
         );
 
         let firstRow;

web/react/components/channel_header.jsx

@@ -419,7 +419,7 @@ export default class ChannelHeader extends React.Component {
                                         </ul>
                                     </div>
                                     <OverlayTrigger
-                                        trigger={['hover', 'focus']}
+                                        trigger={'click'}
                                         placement='bottom'
                                         overlay={popoverContent}
                                         ref='headerOverlay'

web/sass-files/sass/partials/_base.scss

@@ -65,7 +65,9 @@ img {
         background: rgba(black, 0.05);
     }
     .popover-content {
-    white-space: pre-wrap;
+        p:last-child {
+            margin-bottom: 5px;
+        }
     }
 }
 

web/sass-files/sass/partials/_headers.scss

@@ -298,8 +298,13 @@
 	height: 30px;
 	width: 24px;
 	line-height: 26px;
-	margin-right: 10px;
+	margin-right: 9px;
 	font-size: 22px;
+	.channel__wrap.move--left & {
+		position: absolute;
+		right: -400px;
+		top: 14px;
+	}
 	> a {
 		color: inherit;
 		text-decoration: none;

web/sass-files/sass/partials/_post.scss

@@ -283,8 +283,8 @@ body.ios {
 	width: 40px;
 	height: 40px;
 	position: absolute;
-	bottom: 50px;
+	bottom: 0;
-	right: 5px;
+	left: 10px;
 	z-index: 50;
 	@include opacity(0);
 	@include single-transition(all, 0.3s);

web/sass-files/sass/partials/_responsive.scss

@@ -60,6 +60,11 @@
 
         &.move--left {
             @include translateX(0);
+
+            .search-bar__container {
+                padding-right: 8px;
+            }
+
         }
 
     }
@@ -68,6 +73,13 @@
 
         &.move--left {
             margin-right: 0;
+
+            .channel-header__links {
+                position: relative;
+                right: auto;
+                top: auto;
+            }
+
         }
 
     }

web/sass-files/sass/partials/_search.scss

@@ -1,11 +1,14 @@
 @charset "UTF-8";
 
 #channel-header .search-bar__container {
-	padding: 0 8px 0 3px;
+	padding: 0 9px 0 3px;
 }
 .search-bar__container {
 	padding: 12px 8px 0 0;
 	@include flex(0 0 56px);
+	.sidebar--right.move--left & {
+		padding-right: 42px;
+	}
 }
 .search__clear {
 	display: none;