fixed login button position

Signed-off-by: garvinkon <[email protected]>
amosproj · Jan 23, 2024 · d4e45b3 · d4e45b3
1 parent 0cc4781
commit d4e45b3
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 4 deletions.
diff --git a/Frontend/src/app/app.component.css b/Frontend/src/app/app.component.css
@@ -1,7 +1,11 @@
+body{
+  display: flex;
+  flex-direction: column;
+}
+
 .login-container {
-  position: absolute;
-  top: 30px; /* Passen Sie diesen Wert an, um den gewünschten Abstand zu erreichen */
-  right: 35px;
+  align-self: flex-end;  
+  margin-right: 20px; 
 }
 
 .cards-container {

diff --git a/Frontend/src/app/app.component.html b/Frontend/src/app/app.component.html
@@ -7,13 +7,14 @@
       text-align: center;
       font-size: 5em;
       margin-top: 30px;
-      margin-bottom: 30px;
+      margin-bottom: 10px;
       margin-right: 80px;
       size: 45px;
     "
   >
     {{ title }}
   </h1>
+
   <div class="login-container" *ngIf="!isLoggedIn">
     <button
     mat-raised-button color="primary" (click)="openLoginDialog()">Login</button>
@@ -22,6 +23,7 @@
     <button
     mat-raised-button color="primary" (click)="logout()">Logout</button>
   </div>
+
   <div class="cards-container">
     <mat-card class="history-div">
       <div *ngIf="errorMessage" class="error-message">