From 22656ac1ae003c47e8f16c79467dddc1b0ea9d12 Mon Sep 17 00:00:00 2001
From: Asaad Mahmood <asaad@spinpunch.com>
Date: Mon, 8 Feb 2016 20:29:04 +0500
Subject: [PATCH] Multiple UI Improvements

---
 .../user_settings/manage_command_hooks.jsx    | 26 ++++++++++---------
 web/sass-files/sass/partials/_base.scss       |  4 +++
 web/sass-files/sass/partials/_post.scss       |  9 +++++++
 3 files changed, 27 insertions(+), 12 deletions(-)

diff --git a/web/react/components/user_settings/manage_command_hooks.jsx b/web/react/components/user_settings/manage_command_hooks.jsx
index 948ab78854..d23d2957e3 100644
--- a/web/react/components/user_settings/manage_command_hooks.jsx
+++ b/web/react/components/user_settings/manage_command_hooks.jsx
@@ -530,17 +530,19 @@ export default class ManageCommandCmds extends React.Component {
                             />
                         </label>
                         <div className='padding-top'>
-                            <label>
-                                <input
-                                    type='checkbox'
-                                    checked={this.state.cmd.auto_complete}
-                                    onChange={this.updateAutoComplete}
-                                />
-                                <FormattedMessage
-                                    id='user.settings.cmds.auto_complete_help'
-                                    defaultMessage='Show this command in autocomplete list'
-                                />
-                            </label>
+                            <div className='checkbox'>
+                                <label>
+                                    <input
+                                        type='checkbox'
+                                        checked={this.state.cmd.auto_complete}
+                                        onChange={this.updateAutoComplete}
+                                    />
+                                    <FormattedMessage
+                                        id='user.settings.cmds.auto_complete_help'
+                                        defaultMessage=' Show this command in autocomplete list'
+                                    />
+                                </label>
+                            </div>
                         </div>
                     </div>
                     <div className='padding-top x2'>
@@ -637,7 +639,7 @@ export default class ManageCommandCmds extends React.Component {
                         </div>
                         {addError}
                     </div>
-                    <div className='padding-top padding-bottom'>
+                    <div className='padding-top x2 padding-bottom'>
                         <a
                             className={'btn btn-sm btn-primary'}
                             href='#'
diff --git a/web/sass-files/sass/partials/_base.scss b/web/sass-files/sass/partials/_base.scss
index a136893829..ee6a6b9557 100644
--- a/web/sass-files/sass/partials/_base.scss
+++ b/web/sass-files/sass/partials/_base.scss
@@ -25,6 +25,10 @@ body {
     }
 }
 
+b, strong {
+    font-weight: 600;
+}
+
 .inner__wrap {
     height: 100%;
     > .row.main {
diff --git a/web/sass-files/sass/partials/_post.scss b/web/sass-files/sass/partials/_post.scss
index a018315e3c..61eb636bcb 100644
--- a/web/sass-files/sass/partials/_post.scss
+++ b/web/sass-files/sass/partials/_post.scss
@@ -570,11 +570,20 @@ body.ios {
 
 		li {
 			display: inline-block;
+			vertical-align: top;
 		}
 
 		.col__name {
 			margin-right: 7px;
 			font-weight: 600;
+
+			.user-popover {
+				max-width: 130px;
+				@include clearfix;
+				text-overflow: ellipsis;
+				white-space: nowrap;
+			}
+
 		}
 
 		.col__reply {