fix(upload): Fixing invisible margin display on hidden button

Signed-off-by: Vincent Boutour <[email protected]>
ViBiOh · May 29, 2022 · edc3d9c · edc3d9c
1 parent c52a55c
commit edc3d9c
Showing 1 changed file with 4 additions and 2 deletions.
diff --git 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>