From 6cbc9bd94d1df2fec3f3b8e7e573135dbb6d2911 Mon Sep 17 00:00:00 2001
From: Peter Rossa <peter.rossa@profiforms.de>
Date: Tue, 16 May 2023 11:10:46 +0200
Subject: [PATCH] Adjust login css

---
 .../components/loginPage/login.component.html |  9 ++++--
 .../components/loginPage/login.component.scss | 29 ++++++++++++++-----
 rossa-tech-cli/src/styles.scss                |  6 +++-
 3 files changed, 32 insertions(+), 12 deletions(-)

diff --git a/rossa-tech-cli/src/app/components/loginPage/login.component.html b/rossa-tech-cli/src/app/components/loginPage/login.component.html
index b2f5771..8bdcd86 100644
--- a/rossa-tech-cli/src/app/components/loginPage/login.component.html
+++ b/rossa-tech-cli/src/app/components/loginPage/login.component.html
@@ -1,6 +1,6 @@
 <div class="login-form-wrapper">
 
-  <mat-card>
+  <mat-card class="login-card">
     <mat-card-content>
       <form [formGroup]="loginForm" (ngSubmit)="login()">
         <h2>Log In</h2>
@@ -16,8 +16,11 @@
             Please provide a valid password
           </mat-error>
         </mat-form-field>
-        <button mat-raised-button color="primary" [disabled]="!loginForm.valid">Login</button>
+        <div class="button-wrapper">
+          <button mat-raised-button color="primary" [disabled]="!loginForm.valid">Login</button>
+
+        </div>
       </form>
     </mat-card-content>
   </mat-card>
-</div>
+</div>
\ No newline at end of file
diff --git a/rossa-tech-cli/src/app/components/loginPage/login.component.scss b/rossa-tech-cli/src/app/components/loginPage/login.component.scss
index e4f03e2..a1d59a3 100644
--- a/rossa-tech-cli/src/app/components/loginPage/login.component.scss
+++ b/rossa-tech-cli/src/app/components/loginPage/login.component.scss
@@ -1,17 +1,30 @@
-mat-card {
-  max-width: 400px;
-  margin: 2em auto;
-  text-align: center;
+mat-card.login-card {
+  width: 400px;
+  margin: auto;
+  // text-align: center;
   color: #333333;
+  border-radius: 0;
+
+  .mat-mdc-card-content {
+    padding: 25px;
+    h2 {
+      margin-top: 0;
+    }
+  }
+
+  .button-wrapper {
+    display: flex;
+    flex-direction: row;
+    justify-content: end;
+  }
 }
 
 mat-form-field {
   display: block;
 }
 
-login-form-wrapper {
+.login-form-wrapper {
+  height: 100%;
   display: flex;
-  flex-direction: column;
-  width: 100%;
-  justify-content: center;
+  align-content: space-around;
 }
diff --git a/rossa-tech-cli/src/styles.scss b/rossa-tech-cli/src/styles.scss
index 85d2853..19c9fd2 100644
--- a/rossa-tech-cli/src/styles.scss
+++ b/rossa-tech-cli/src/styles.scss
@@ -13,7 +13,7 @@ html.cdk-global-scrollblock {
 
 body {
   // margin: 0;
-  font-family: "Open Sans", sans-serif;
+  font-family: 'Open Sans', sans-serif;
   // height: 100vh;
   margin: 0;
   padding: 0;
@@ -51,3 +51,7 @@ div.mat-grid-tile-content {
   overflow-y: auto;
   overflow-x: hidden;
 }
+
+button {
+  border-radius: 0;
+}