--

dmp-frontend/src/app/app.component.css

@@ -81,6 +81,7 @@
     padding-bottom: 500px; 
     */
 
+    border-radius: 15px;
 
 
     z-index: 1;
@@ -100,6 +101,8 @@
     border-style: solid;
     border-width: thin;
 
+    border-radius: 15px;
+    padding-top: 60px;
 }
 
 #appBody {
@@ -118,7 +121,7 @@
     font-size: 25px;
     color: #818181;
     display: block;
-    transition: 0.3s;
+    transition: 0.5s;
 }
 
 .sidenav a:hover {
@@ -135,7 +138,7 @@
 
 #main {
     transition: margin-left .5s;
-    padding: 16px;
+    /*padding: 16px;*/
 }
 
 @media screen and (max-height: 450px) {

dmp-frontend/src/app/app.component.ts

@@ -51,8 +51,9 @@ export class AppComponent implements OnInit {
 
 
   login(){
+    console.log("navigating to login")
     //redirect to login page
-    this.router.navigate(['/login'], { queryParams: { /*returnUrl: this.state.url*/ }});
+    this.router.navigate(['/login'], { queryParams: { /*refresh : Math.random(),returnUrl: this.state.url*/ }});
   }
   
   logout(){