From 833ce02a620bfc589eaaa2891f77eb040cff04ad Mon Sep 17 00:00:00 2001
From: Daniel Markstedt <markstedt@gmail.com>
Date: Wed, 22 Sep 2021 10:34:16 -0700
Subject: [PATCH] Fix styling of dropzone form

---
 src/web/static/style.css     |  3 ++-
 src/web/templates/base.html  |  6 +++---
 src/web/templates/index.html | 16 ++++++++--------
 3 files changed, 13 insertions(+), 12 deletions(-)

diff --git a/src/web/static/style.css b/src/web/static/style.css
index 108a3063..776ab62a 100644
--- a/src/web/static/style.css
+++ b/src/web/static/style.css
@@ -21,7 +21,7 @@ a {
   text-decoration: none;
 }
 
-form {
+form.table {
   display: inline;
 }
 
@@ -29,6 +29,7 @@ table, tr, td {
   border: 1px solid black;
   border-collapse:collapse;
   margin: none;
+
 }
 
 .error {
diff --git a/src/web/templates/base.html b/src/web/templates/base.html
index c5fbb0f1..a67e79a9 100644
--- a/src/web/templates/base.html
+++ b/src/web/templates/base.html
@@ -21,10 +21,10 @@
 <meta name="theme-color" content="#ffffff">
 
 <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/dropzone/5.9.2/min/dropzone.min.css"/>
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/dropzone/5.9.2/min/basic.min.css"/>
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/dropzone/5.9.3/min/dropzone.min.css"/>
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/dropzone/5.9.3/min/basic.min.css"/>
 
-<script type="application/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/dropzone/5.9.2/min/dropzone.min.js">
+<script type="application/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/dropzone/5.9.3/min/dropzone.min.js">
 </script>
 
 <div class="content">
diff --git a/src/web/templates/index.html b/src/web/templates/index.html
index 96afc8c3..b393c70c 100644
--- a/src/web/templates/index.html
+++ b/src/web/templates/index.html
@@ -48,20 +48,20 @@
 	    {% endif %}
             <td style="text-align:left">
                 {% if device.device_type in removable_device_types and "No Media" not in device.status %}
-                <form action="/scsi/eject" method="post" onsubmit="return confirm('Eject Disk?')">
+                <form action="/scsi/eject" method="post" class="table" onsubmit="return confirm('Eject Disk?')">
                     <input type="hidden" name="scsi_id" value="{{device.id}}">
                     <input type="submit" value="Eject" />
                 </form>
-                <form action="/scsi/info" method="post">
+                <form action="/scsi/info" method="post" class="table">
                     <input type="hidden" name="scsi_id" value="{{device.id}}">
                     <input type="submit" value="Info" />
                 </form>
                 {% else %}
-                <form action="/scsi/detach" method="post" onsubmit="return confirm('Detach Disk?')">
+                <form action="/scsi/detach" method="post" class="table" onsubmit="return confirm('Detach Disk?')">
                     <input type="hidden" name="scsi_id" value="{{device.id}}">
                     <input type="submit" value="Detach" />
                 </form>
-                <form action="/scsi/info" method="post">
+                <form action="/scsi/info" method="post" class="table">
                     <input type="hidden" name="scsi_id" value="{{device.id}}">
                     <input type="submit" value="Info" />
                 </form>
@@ -93,13 +93,13 @@
         <tr>
             <td>{{file["name"].replace(base_dir, '')}}</td>
             <td style="text-align:center">
-                <form action="/files/download" method="post">
+                <form action="/files/download" method="post" class="table">
                     <input type="hidden" name="image" value="{{file["name"].replace(base_dir, '')}}">
                     <input type="submit" value="{{file["size_mb"]}} MB &#8595;" />
                 </form>
             </td>
             <td>
-                <form action="/scsi/attach" method="post">
+                <form action="/scsi/attach" method="post" class="table">
                     <input type="hidden" name="file_name" value="{{file["name"]}}">
                     <input type="hidden" name="file_size" value="{{file["size"]}}">
                     <select name="scsi_id">
@@ -111,12 +111,12 @@
                     <input type="submit" value="Attach" />
 		    {% endif %}
                 </form>
-                <form action="/files/delete" method="post" onsubmit="return confirm('Delete file?')">
+                <form action="/files/delete" method="post" class="table" onsubmit="return confirm('Delete file?')">
                     <input type="hidden" name="image" value="{{file["name"].replace(base_dir, '')}}">
                     <input type="submit" value="Delete" />
                 </form>
                 {% if file["name"].lower().endswith(archive_file_suffix) %}
-                <form action="/files/unzip" method="post">
+                <form action="/files/unzip" method="post" class="table">
                     <input type="hidden" name="image" value="{{file["name"].replace(base_dir, '')}}">
                     <input type="submit" value="Unzip" />
                 </form>