TMSS-945: Updated user icon position and title.

TMSS-1005: Removed left menu bottom margin.

SAS/TMSS/frontend/tmss_webapp/src/layout/components/AppTopbar.js

@@ -36,14 +36,14 @@ export class AppTopbar extends Component {
                        
                         {this.props.isLoggedIn &&
                             <div className="top-right-bar">
-                                <span><i className="fa fa-user"></i>{this.state.username}</span>
                                 <a className="p-link layout-menu-button" style= {{marginLeft: '8px', marginRight: '8px'}} title="Documentation"
                                 href="https://support.astron.nl/confluence/display/public/TMSS+User+Documentation">
                                 <i className="pi pi-file-o"></i></a>
                                 <a className="p-link layout-menu-button"  title="Helpdesk" href="https://support.astron.nl/sdchelpdesk">
                                 <span><i className="pi pi-question-circle"></i></span></a>
-                                <button className="p-link layout-menu-button" onClick={this.props.onLogout}>
+                                <button className="p-link layout-menu-button" onClick={this.props.onLogout} title="Logout">
                                 <i className="pi pi-power-off"></i></button>
+                                <span style= {{marginLeft: '8px'}}><i className="fa fa-user" title={`Logged in as ${this.state.username}`}></i></span>
                             </div>
                         }
                        <FindObject setSearchField={this.props.setSearchField} />

SAS/TMSS/frontend/tmss_webapp/src/layout/sass/_menu.scss

@@ -13,6 +13,7 @@
             position: relative;
             text-decoration: none;
             display: block;
+            margin-bottom: 0px;
             @include transition(color $transitionDuration);
 
             i {
@@ -105,6 +106,7 @@
         > li {
             > a {
                 border-top: 1px solid $menuitemBorderColor;
+                margin-bottom: 0px;
             }
 
             &:last-child {
@@ -148,6 +150,7 @@
         > li {
             > a {
                 border-top: 1px solid $menuitemDarkBorderColor;
+                margin-bottom: 0px;
             }
 
             &:last-child {