From a8297efcfb19c70baaa858711ea9334baf6f1f9d Mon Sep 17 00:00:00 2001
From: Gavin Porter <112116086+Gavinp14@users.noreply.github.com>
Date: Fri, 27 Dec 2024 13:10:35 -0500
Subject: [PATCH] resources: smoother create (fixes #7798) (#7801)

Co-authored-by: mutugiii <mutugimutuma@gmail.com>
Co-authored-by: dogi <dogi@users.noreply.github.com>
---
 package.json                                   | 2 +-
 src/app/resources/resources-add.component.html | 2 +-
 src/app/resources/resources-add.scss           | 6 ++++++
 3 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index b0371a0bb6..8e33f77734 100755
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "planet",
   "license": "AGPL-3.0",
-  "version": "0.16.21",
+  "version": "0.16.22",
   "myplanet": {
     "latest": "v0.21.55",
     "min": "v0.20.55"
diff --git a/src/app/resources/resources-add.component.html b/src/app/resources/resources-add.component.html
index 3ac3c770a9..f5978236eb 100644
--- a/src/app/resources/resources-add.component.html
+++ b/src/app/resources/resources-add.component.html
@@ -86,7 +86,7 @@
           </mat-autocomplete>
           <mat-error><planet-form-error-messages [control]="resourceForm.controls.openWhichFile"></planet-form-error-messages></mat-error>
         </mat-form-field>
-        <div class="inner-gaps by-column full-width">
+        <div class="file-upload inner-gaps by-column full-width">
           <label i18n>File Upload:</label>
           <planet-file-input (fileChange)="bindFile($event)"></planet-file-input>
           <label i18n class="warn-text-color" *ngIf="resourceForm?.errors?.fileTooBig">File size cannot exceed more than 512 MB</label>
diff --git a/src/app/resources/resources-add.scss b/src/app/resources/resources-add.scss
index 4f4a5cb9ac..b93107fbbd 100644
--- a/src/app/resources/resources-add.scss
+++ b/src/app/resources/resources-add.scss
@@ -22,5 +22,11 @@
     .form-container {
       width: auto;
     }
+
+    .file-upload {
+      display: flex;
+      flex-direction: column;
+    }
+
   }
 }