From 0996f6e86dc6fb8a1c43fce30763a8fcef2df3cb Mon Sep 17 00:00:00 2001
From: Blog Manager Robot <manager@myjekyllblog.com>
Date: Sat, 29 Oct 2022 08:19:28 +0000
Subject: [PATCH] Better UI.

---
 Web/templates/dashboard/blog_media.html.ep | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/Web/templates/dashboard/blog_media.html.ep b/Web/templates/dashboard/blog_media.html.ep
index b6b4093..fd51945 100644
--- a/Web/templates/dashboard/blog_media.html.ep
+++ b/Web/templates/dashboard/blog_media.html.ep
@@ -25,14 +25,15 @@
     </div>
 %  }
 
-<form method="POST" enctype="multipart/form-data" action="<%= $c->url_for( 'do_dashboard_blog_media' ) %>"> 
-    <div class="mt-3 mb-3">
-        <label for="upload" class="col-sm-2 col-form-label">File</label>
+<form class="row mt-3 gy-2 gx-3 align-items-center" method="POST" enctype="multipart/form-data" action="<%= $c->url_for( 'do_dashboard_blog_media' ) %>">
+    <div class="col-auto">
+        <label for="upload" class="col-form-label">Upload Images</label>
+    </div>
+    <div class="col-auto">
         <input type="file" class="form-control" id="upload" name="upload" >
     </div>
-
-    <div class="mb-3">
-        <input type="submit" class="btn btn-primary btn-sm float-end" width="100%" value="Upload File">
+    <div class="col-auto">
+        <button type="submit" class="btn btn-sm btn-primary">Upload File</button>
     </div>
 </form>