From 5f548769b3ba4f0f81c9fbe8853cc1c9386ccee6 Mon Sep 17 00:00:00 2001
From: Moritz Kepplinger <e12217064@student.tuwien.ac.at>
Date: Tue, 25 Jun 2024 22:40:11 +0200
Subject: [PATCH] feat(#37): fix button coloring

---
 .../components/image-upload/image-upload.component.html   | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/src/app/components/image-upload/image-upload.component.html b/frontend/src/app/components/image-upload/image-upload.component.html
index aee82c1..56017fb 100644
--- a/frontend/src/app/components/image-upload/image-upload.component.html
+++ b/frontend/src/app/components/image-upload/image-upload.component.html
@@ -35,12 +35,12 @@
         data-cy="image-upload-file-input"
       />
 
-      <mat-form-field class="full-width">
+      <mat-form-field class="full-width" [appearance]="'outline'">
         <mat-label>Author</mat-label>
         <input matInput [(ngModel)]="author" maxlength="50" />
         <mat-hint align="end">{{ author?.length || 0 }}/50</mat-hint>
       </mat-form-field>
-      <mat-form-field class="full-width">
+      <mat-form-field class="full-width" [appearance]="'outline'">
         <mat-label>Title</mat-label>
         <input matInput [(ngModel)]="title" maxlength="100" />
         <mat-hint align="end">{{ title?.length || 0 }}/100</mat-hint>
@@ -51,10 +51,10 @@
           <mat-icon>camera_alt</mat-icon>
         </button>
         <div>
-          <button mat-raised-button color="accent" (click)="uploadImage()">
+          <button mat-flat-button (click)="uploadImage()">
             <mat-icon>upload</mat-icon> Upload
           </button>
-          <button mat-raised-button color="warn" (click)="clear()" class="margin-left">
+          <button mat-raised-button (click)="clear()" class="margin-left delete-button">
             <mat-icon>delete</mat-icon> Clear
           </button>
         </div>