Updating shift UI changes (#4326)

* Updating shift UI changes

* Adding border to last account settings item

* Fixing modals

webapp/components/navbar.jsx

@@ -485,7 +485,7 @@ export default class Navbar extends React.Component {
                             className='description'
                             rootClose={true}
                         >
-                            <div className='description info-popover'/>
+                            <div className='pull-right description info-popover'/>
                         </OverlayTrigger>
                         <a
                             href='#'
@@ -635,6 +635,12 @@ export default class Navbar extends React.Component {
                         message={channel.header}
                         options={{singleline: true, mentionHighlight: false}}
                     />
+                    <div
+                        className='close__icon visible-xs-block'
+                        onClick={() => this.refs.headerOverlay.hide()}
+                    >
+                        {'×'}
+                    </div>
                 </Popover>
             );
 
@@ -688,6 +694,12 @@ export default class Navbar extends React.Component {
                                 }}
                             />
                         </div>
+                        <div
+                            className='close__icon visible-xs-block'
+                            onClick={() => this.refs.headerOverlay.hide()}
+                        >
+                            {'×'}
+                        </div>
                     </Popover>
                 );
             }

webapp/components/searchable_user_list.jsx

@@ -155,7 +155,7 @@ export default class SearchableUserList extends React.Component {
                 style={this.props.style}
             >
                 <div className='filter-row'>
-                    <div className='col-sm-5'>
+                    <div className='col-xs-9 col-sm-5'>
                         <input
                             ref='filter'
                             className='form-control filter-textbox'
@@ -164,7 +164,7 @@ export default class SearchableUserList extends React.Component {
                             onChange={this.onSearchBoxChange}
                         />
                     </div>
-                    <div className='col-sm-2 filter-button'>
+                    <div className='col-xs-3 col-sm-2 filter-button'>
                         <button
                             type='button'
                             className='btn btn-primary'

webapp/components/suggestion/search_user_provider.jsx

@@ -37,11 +37,11 @@ class SearchUserSuggestion extends Suggestion {
                 className={className}
                 onClick={this.handleClick}
             >
+                <i className='fa fa fa-plus-square'/>
                 <img
                     className='profile-img rounded'
                     src={Client.getUsersRoute() + '/' + item.id + '/image?time=' + item.update_at}
                 />
-                <i className='fa fa fa-plus-square'/>
                 <div className='mention--align'>
                     <span>
                         {username}