From 0e8fe172b512e8394a2d17e325391a337ff7ffb4 Mon Sep 17 00:00:00 2001
From: Gabriel De Los Rios <gabriel.delosrios@tutamail.com>
Date: Wed, 18 Feb 2026 22:53:10 -0300
Subject: [PATCH] refactor: switch image place from top to bottom

---
 src/app/components/image-uploader/image-uploader.html | 10 +++++-----
 src/app/components/image-uploader/image-uploader.scss |  1 +
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/app/components/image-uploader/image-uploader.html b/src/app/components/image-uploader/image-uploader.html
index f5ee7c8..f10fb2a 100644
--- a/src/app/components/image-uploader/image-uploader.html
+++ b/src/app/components/image-uploader/image-uploader.html
@@ -1,8 +1,3 @@
-@if (imgUrl()) {
-  <div class="image-preview__container">
-    <img [src]="imgUrl()" [alt]="fileName()" width="300" height="300" />
-  </div>
-}
 <input
   (change)="onFileSelected($event)"
   #fileUpload
@@ -18,3 +13,8 @@
     <mat-icon>attach_file</mat-icon>
   </button>
 </div>
+@if (imgUrl()) {
+  <div class="image-preview__container">
+    <img [src]="imgUrl()" [alt]="fileName()" width="300" height="300" />
+  </div>
+}
\ No newline at end of file
diff --git a/src/app/components/image-uploader/image-uploader.scss b/src/app/components/image-uploader/image-uploader.scss
index 7650d8a..6474006 100644
--- a/src/app/components/image-uploader/image-uploader.scss
+++ b/src/app/components/image-uploader/image-uploader.scss
@@ -3,6 +3,7 @@
     display: flex;
     justify-content: center;
     margin-bottom: 16px;
+    margin-top: 16px;
   }
 }