From e49820af4acbfd3e985d673b0dcd1745c8d5d46c Mon Sep 17 00:00:00 2001
From: Chneemann <Andre-Ke@gmx.de>
Date: Fri, 23 Aug 2024 00:23:33 +0200
Subject: [PATCH] btn modified & bugfix

---
 .../categories/categories.component.scss      |  2 +-
 .../upload-movie/upload-movie.component.html  | 36 +++++++++----------
 .../upload-movie/upload-movie.component.scss  |  9 ++---
 .../upload-movie/upload-movie.component.ts    |  2 --
 4 files changed, 23 insertions(+), 26 deletions(-)

diff --git a/frontend/src/app/components/home/browse/categories/categories.component.scss b/frontend/src/app/components/home/browse/categories/categories.component.scss
index b87dcc7..b854e54 100644
--- a/frontend/src/app/components/home/browse/categories/categories.component.scss
+++ b/frontend/src/app/components/home/browse/categories/categories.component.scss
@@ -19,7 +19,7 @@ section {
 .movie {
   width: 213px;
   height: 120px;
-  padding: 6px 6px 6px 0;
+  padding: 6px;
   img {
     width: 213px;
     height: 120px;
diff --git a/frontend/src/app/components/home/browse/upload-movie/upload-movie.component.html b/frontend/src/app/components/home/browse/upload-movie/upload-movie.component.html
index a751aeb..104057a 100644
--- a/frontend/src/app/components/home/browse/upload-movie/upload-movie.component.html
+++ b/frontend/src/app/components/home/browse/upload-movie/upload-movie.component.html
@@ -1,15 +1,7 @@
 <div class="overlay" (click)="uploadMovieOverview()">
   <div class="center" (click)="stopPropagation($event)">
     <div class="content">
-      <div class="headline">
-        Upload Movie
-        <app-btn-small
-          [imgPath]="'close'"
-          [btnRadius]="'32px'"
-          [imgRadius]="'24px'"
-          (click)="uploadMovieOverview()"
-        ></app-btn-small>
-      </div>
+      <div class="headline">Upload Movie</div>
       <form
         #movieForm="ngForm"
         (ngSubmit)="onSubmit(movieForm)"
@@ -86,16 +78,22 @@
           required
         />
         <div class="error-msg"></div>
-        <app-btn-large
-          [value]="'Upload Movie'"
-          [disabled]="
-            !movieData.title ||
-            !movieData.description ||
-            !movieData.filmGenre ||
-            !movieData.videoFile ||
-            movieData.send
-          "
-        ></app-btn-large>
+        <div class="buttons">
+          <app-btn-large
+            [value]="'Close'"
+            (click)="uploadMovieOverview()"
+          ></app-btn-large>
+          <app-btn-large
+            [value]="'Upload Movie'"
+            [disabled]="
+              !movieData.title ||
+              !movieData.description ||
+              !movieData.filmGenre ||
+              !movieData.videoFile ||
+              movieData.send
+            "
+          ></app-btn-large>
+        </div>
       </form>
     </div>
   </div>
diff --git a/frontend/src/app/components/home/browse/upload-movie/upload-movie.component.scss b/frontend/src/app/components/home/browse/upload-movie/upload-movie.component.scss
index 3be57c6..bd1e196 100644
--- a/frontend/src/app/components/home/browse/upload-movie/upload-movie.component.scss
+++ b/frontend/src/app/components/home/browse/upload-movie/upload-movie.component.scss
@@ -13,10 +13,11 @@
   position: relative;
 }
 
-app-btn-small {
-  position: absolute;
-  top: 24px;
-  right: 24px;
+.buttons {
+  display: flex;
+  justify-content: center;
+  width: 100%;
+  gap: 24px;
 }
 
 // Overlay
diff --git a/frontend/src/app/components/home/browse/upload-movie/upload-movie.component.ts b/frontend/src/app/components/home/browse/upload-movie/upload-movie.component.ts
index 8a977e5..4d12e74 100644
--- a/frontend/src/app/components/home/browse/upload-movie/upload-movie.component.ts
+++ b/frontend/src/app/components/home/browse/upload-movie/upload-movie.component.ts
@@ -5,7 +5,6 @@ import { ErrorService } from '../../../../services/error.service';
 import { BtnLargeComponent } from '../../../../shared/components/buttons/btn-large/btn-large.component';
 import { MovieService } from '../../../../services/movie.service';
 import { LoadingDialogComponent } from '../../../../shared/components/loading-dialog/loading-dialog.component';
-import { BtnSmallComponent } from '../../../../shared/components/buttons/btn-small/btn-small.component';
 
 @Component({
   selector: 'app-upload-movie',
@@ -15,7 +14,6 @@ import { BtnSmallComponent } from '../../../../shared/components/buttons/btn-sma
     FormsModule,
     BtnLargeComponent,
     LoadingDialogComponent,
-    BtnSmallComponent,
   ],
   templateUrl: './upload-movie.component.html',
   styleUrl: './upload-movie.component.scss',