fixed navbar

src/app/shared/navbar/navbar.component.css

@@ -26,6 +26,11 @@
 .lang-circle-icon{
   height: 26px;
 }
+.navbar-left{
+  padding-top: 6px;
+  display: flex;
+  align-items: center;
+}
 .navbar-right{
   display:flex;
   align-items: center;
@@ -43,6 +48,7 @@
   }
   .navbar-left,.navbar-right {
     float: none !important;
+    display:block;
   }
   .navbar-toggle {
     display: block;
@@ -198,15 +204,17 @@
 }
 .navbar-default .navbar-nav>li>a{
   color: #6D788E;
+  padding:10px;
 }
 .navbar-default .navbar-nav>.active>a{
   border-radius: 5px;
   color: #142548;
-  /*font-weight: bold;*/
+ padding:10px;
   background-color: #D1D1D1;
 }
 .navbar-default .navbar-nav>.open>a{
   border-radius: 5px;
   color: #142548;
+  padding:10px;
   background-color: #D1D1D1;
 }

src/app/shared/navbar/navbar.component.html

 <nav class="navbar navbar-default" id="navbar" role="navigation" style="margin:0">
     <div class="container-fluid">
         <div class="navbar-header">
-            <a routerLink="/"><img alt="Geant" src="assets/images/logo-small.png" style="margin: 5px; height:35px"></a>
+            <a routerLink="/"><img alt="Geant" src="assets/images/logo-small.png" style="margin: 8px; padding:4px; height:35px"></a>
             <button class="navbar-toggle" data-target="#navbarCollapse" data-toggle="collapse" type="button">
                 <span class="sr-only">Toggle Navigation</span>
                 <em class="fas fa-bars"></em>

src/app/welcome/welcome.component.css

@@ -75,3 +75,9 @@ html, body {
 		stroke-dashoffset: 0;
 	}
 }
+.panel-group{
+	margin: 0;
+}
+.panel+.panel{
+	margin: 0;
+}

src/app/welcome/welcome.component.html

@@ -48,7 +48,7 @@
                 <div class="panel panel-default" style="border:none">
                     <div id="login-panel" class="col-lg-3 col-md-5 col-sm-6 col-xs-12 pull-right login-vertical-offset panel-collapse collapse"
                          [ngClass]="router.url.startsWith('/welcome/login?ssoUserId=') ? '' : 'collapse'"
-                         style="z-index: 800; position: fixed; right: 1px; margin-top: -15px; max-height: 50vh; font-size: 14px;">
+                         style="z-index: 800; position: fixed; right: 1px; max-height: 50vh; font-size: 14px;">
                         <div class="panel panel-default ">
                             <div class="panel-body" id="login-out" style="overflow-y: auto;">
                                 <nmaas-login></nmaas-login>
@@ -59,7 +59,7 @@
                 <div class="panel panel-default" style="border:none" >
                     <div id="register-panel" class="col-lg-3 col-md-5 col-sm-6 col-xs-12 pull-right login-vertical-offset panel-collapse collapse"
                          [ngClass]="router.url.startsWith('/welcome/login?ssoUserId=') ? '' : 'collapse'"
-                         style="z-index: 800; position: fixed; right: 1px; margin-top: -15px; max-height: 50vh; font-size: 14px;">
+                         style="z-index: 800; position: fixed; right: 1px; max-height: 50vh; font-size: 14px;">
                         <div class="panel panel-default">
                             <div class="panel-body" id="login-out" style="overflow-y: auto;">
                                 <nmaas-registration></nmaas-registration>
@@ -149,7 +149,7 @@
                     <div class="panel panel-default" style="border:none">
                         <div id="login-panel" class="col-lg-3 col-md-5 col-sm-6 col-xs-12 pull-right login-vertical-offset panel-collapse collapse"
                              [ngClass]="router.url.startsWith('/welcome/login?ssoUserId=') ? '' : 'collapse'"
-                             style="z-index: 800; position: fixed; right: 1px; margin-top: -15px; max-height: 50vh; font-size: 14px;">
+                             style="z-index: 800; position: fixed; right: 1px; max-height: 50vh; font-size: 14px;">
                             <div class="panel panel-default ">
                                 <div class="panel-body" id="login-out" style="overflow-y: auto;">
                                     <nmaas-login></nmaas-login>
@@ -160,7 +160,7 @@
                     <div class="panel panel-default" style="border:none" >
                         <div id="register-panel" class="col-lg-3 col-md-5 col-sm-6 col-xs-12 pull-right login-vertical-offset panel-collapse collapse"
                              [ngClass]="router.url.startsWith('/welcome/login?ssoUserId=') ? '' : 'collapse'"
-                             style="z-index: 800; position: fixed; right: 1px; margin-top: -15px; max-height: 50vh; font-size: 14px;">
+                             style="z-index: 800; position: fixed; right: 1px; max-height: 50vh; font-size: 14px;">
                             <div class="panel panel-default">
                                 <div class="panel-body" id="login-out" style="overflow-y: auto;">
                                     <nmaas-registration></nmaas-registration>