From edc3d9c258ab88a485a431984107beef0cdc8b7f Mon Sep 17 00:00:00 2001
From: Vincent Boutour <bob@vibioh.fr>
Date: Sun, 29 May 2022 11:30:02 +0200
Subject: [PATCH] fix(upload): Fixing invisible margin display on hidden button

Signed-off-by: Vincent Boutour <bob@vibioh.fr>
---
 cmd/fibr/templates/upload-form.html | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/cmd/fibr/templates/upload-form.html b/cmd/fibr/templates/upload-form.html
index 1ba29d89..a12a543e 100644
--- a/cmd/fibr/templates/upload-form.html
+++ b/cmd/fibr/templates/upload-form.html
@@ -458,6 +458,7 @@
 
     #upload-list {
       margin: 1rem auto;
+      overflow-y: auto;
     }
 
     #upload-duration {
@@ -478,6 +479,7 @@
     }
 
     .opacity {
+      flex: 0 0;
       opacity: 0;
     }
 
@@ -514,9 +516,9 @@ <h2 class="flex flex-center header no-margin">
           </p>
         {{ end }}
 
-        <p class="padding no-margin center upload-width">
+        <p class="padding no-margin center upload-width flex flex-center">
           <input id="file" class="full" type="file" name="file" />
-          <label id="file-label" for="file" class="hidden button bg-success">Choose file...</label>
+          <label id="file-label" for="file" tabindex="0" class="hidden button bg-success">Choose file...</label>
         </p>
 
         <div id="upload-list" class="hidden upload-width full"></div>