From e0e61a714894689c76904525ec8ab47af79ffe5e Mon Sep 17 00:00:00 2001
From: Peter Rossa <peter.rossa@profiforms.de>
Date: Tue, 16 May 2023 14:23:37 +0200
Subject: [PATCH] Adjust labels, css and add img placeholder

---
 .../src/app/components/loginPage/login.component.html       | 6 ++++--
 .../src/app/components/loginPage/login.component.scss       | 3 ++-
 2 files changed, 6 insertions(+), 3 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 fcc29d2..605e557 100644
--- a/rossa-tech-cli/src/app/components/loginPage/login.component.html
+++ b/rossa-tech-cli/src/app/components/loginPage/login.component.html
@@ -4,10 +4,12 @@
     <mat-card-content>
       <form [formGroup]="loginForm" (ngSubmit)="login()">
 
+        <img src='https://dummyimage.com/200x65.png' alt='' />
+
         <h2>Anmelden</h2>
 
         <mat-form-field>
-          <mat-label>Username</mat-label>
+          <mat-label>Benutzername</mat-label>
           <input matInput placeholder="Username" formControlName="userName" name="username" required>
           <mat-error>
             Please provide a valid email address
@@ -15,7 +17,7 @@
         </mat-form-field>
 
         <mat-form-field>
-          <mat-label>Password</mat-label>
+          <mat-label>Passwort</mat-label>
           <input matInput type="password" placeholder="Password" formControlName="userPass" name="password" required>
           <mat-error>
             Please provide a valid password
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 a1d59a3..8e3acdf 100644
--- a/rossa-tech-cli/src/app/components/loginPage/login.component.scss
+++ b/rossa-tech-cli/src/app/components/loginPage/login.component.scss
@@ -8,7 +8,8 @@ mat-card.login-card {
   .mat-mdc-card-content {
     padding: 25px;
     h2 {
-      margin-top: 0;
+      margin-top: 10px;
+      margin-bottom: 30px;
     }
   }