Update file upload interface look

ysenarath · Apr 23, 2021 · 6cabc7f · 6cabc7f
1 parent ece0f97
commit 6cabc7f
Showing 1 changed file with 12 additions and 10 deletions.
diff --git a/textflow/templates/dashboard/documents.html b/textflow/templates/dashboard/documents.html
@@ -5,24 +5,26 @@
         {{ form.csrf_token }}
         {{ form.hidden_tag() }}
         <div class="field is-horizontal">
-            <div class="field-label is-normal">
-                <label class="label">Upload</label>
-            </div>
             <div class="field-body">
-                <div class="field is-grouped">
+                <div class="field">
+                    <label class="label">Upload</label>
                     <div class="control">
                         <div class="file">
                             <label class="file-label">
                                 {{ form.file(class_='file-input') }}
-                                <span class="file-cta"><span class="file-icon">
-                            <i class="fas fa-upload"></i></span><span class="file-label">Choose a file…</span>
-                        </span>
+                                <span class="file-cta">
+                                    <span class="file-icon">
+                                        <i class="fas fa-upload"></i>
+                                    </span>
+                                    <span class="file-label">Choose a file…</span>
+                                </span>
                             </label>
                         </div>
                     </div>
-                    <p class="control">
-                        <input class="button is-link" type="submit" value="Submit"/>
-                    </p>
+                </div>
+                <div class="field w-100">
+                    <label class="label">Action</label>
+                    <input class="button is-link" type="submit" value="Submit"/>
                 </div>
             </div>
         </div>