Multiple UI Improvements

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>
+                            <div className='checkbox'>
-                                <input
+                                <label>
-                                    type='checkbox'
+                                    <input
-                                    checked={this.state.cmd.auto_complete}
+                                        type='checkbox'
-                                    onChange={this.updateAutoComplete}
+                                        checked={this.state.cmd.auto_complete}
-                                />
+                                        onChange={this.updateAutoComplete}
-                                <FormattedMessage
+                                    />
-                                    id='user.settings.cmds.auto_complete_help'
+                                    <FormattedMessage
-                                    defaultMessage='Show this command in autocomplete list'
+                                        id='user.settings.cmds.auto_complete_help'
-                                />
+                                        defaultMessage=' Show this command in autocomplete list'
-                            </label>
+                                    />
+                                </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='#'

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

@@ -25,6 +25,10 @@ body {
     }
 }
 
+b, strong {
+    font-weight: 600;
+}
+
 .inner__wrap {
     height: 100%;
     > .row.main {

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 {