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 1/3] 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 {

From 3d314c811f352d15069f088235fb79f4639f5b34 Mon Sep 17 00:00:00 2001
From: Asaad Mahmood <asaad@spinpunch.com>
Date: Mon, 8 Feb 2016 20:33:21 +0500
Subject: [PATCH 2/3] Updating username width in RHS

---
 web/sass-files/sass/partials/_post.scss          |  2 +-
 web/sass-files/sass/partials/_responsive.scss    |  5 +++++
 .../sass/partials/_sidebar--right.scss           | 16 ++++++++++++++++
 3 files changed, 22 insertions(+), 1 deletion(-)

diff --git a/web/sass-files/sass/partials/_post.scss b/web/sass-files/sass/partials/_post.scss
index 61eb636bcb..804928413e 100644
--- a/web/sass-files/sass/partials/_post.scss
+++ b/web/sass-files/sass/partials/_post.scss
@@ -578,7 +578,7 @@ body.ios {
 			font-weight: 600;
 
 			.user-popover {
-				max-width: 130px;
+				max-width: 200px;
 				@include clearfix;
 				text-overflow: ellipsis;
 				white-space: nowrap;
diff --git a/web/sass-files/sass/partials/_responsive.scss b/web/sass-files/sass/partials/_responsive.scss
index 09d498a691..5d6cbee608 100644
--- a/web/sass-files/sass/partials/_responsive.scss
+++ b/web/sass-files/sass/partials/_responsive.scss
@@ -160,6 +160,11 @@
 
             .col__name {
                 pointer-events: none;
+
+                .user-popover {
+                    max-width: 130px;
+                }
+
             }
 
         }
diff --git a/web/sass-files/sass/partials/_sidebar--right.scss b/web/sass-files/sass/partials/_sidebar--right.scss
index f40a50b037..aaa6f4c925 100644
--- a/web/sass-files/sass/partials/_sidebar--right.scss
+++ b/web/sass-files/sass/partials/_sidebar--right.scss
@@ -16,6 +16,22 @@
 
     }
 
+    .post {
+
+        .post__header {
+
+            .col__name {
+
+                .user-popover {
+                    max-width: 130px;
+                }
+
+            }
+
+        }
+
+    }
+
     .sidebar--right__content {
         height: 100%;
         @include display-flex;

From 8dac8cc6f1faeab1bf75521f3915a0645ada58c6 Mon Sep 17 00:00:00 2001
From: Asaad Mahmood <asaad@spinpunch.com>
Date: Mon, 8 Feb 2016 20:39:41 +0500
Subject: [PATCH 3/3] Updating time stamp

---
 web/sass-files/sass/partials/_post.scss | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/web/sass-files/sass/partials/_post.scss b/web/sass-files/sass/partials/_post.scss
index 804928413e..cc22cc9136 100644
--- a/web/sass-files/sass/partials/_post.scss
+++ b/web/sass-files/sass/partials/_post.scss
@@ -485,8 +485,9 @@ body.ios {
 				-webkit-font-smoothing: antialiased;
 				-moz-osx-font-smoothing: grayscale;
 				position: absolute;
-				top: -3px;
-				left: -1.0em;
+				top: -2px;
+				left: -7px;
+			    font-size: 11px;
 				line-height: 37px;
 				@include opacity(0);
 			}