Fix styling of dropzone form

This commit is contained in:
Daniel Markstedt 2021-09-22 10:34:16 -07:00
parent 93e755dff3
commit 833ce02a62
3 changed files with 13 additions and 12 deletions

View File

@ -21,7 +21,7 @@ a {
text-decoration: none; text-decoration: none;
} }
form { form.table {
display: inline; display: inline;
} }
@ -29,6 +29,7 @@ table, tr, td {
border: 1px solid black; border: 1px solid black;
border-collapse:collapse; border-collapse:collapse;
margin: none; margin: none;
} }
.error { .error {

View File

@ -21,10 +21,10 @@
<meta name="theme-color" content="#ffffff"> <meta name="theme-color" content="#ffffff">
<link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}"> <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.3/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/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> </script>
<div class="content"> <div class="content">

View File

@ -48,20 +48,20 @@
{% endif %} {% endif %}
<td style="text-align:left"> <td style="text-align:left">
{% if device.device_type in removable_device_types and "No Media" not in device.status %} {% 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="hidden" name="scsi_id" value="{{device.id}}">
<input type="submit" value="Eject" /> <input type="submit" value="Eject" />
</form> </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="hidden" name="scsi_id" value="{{device.id}}">
<input type="submit" value="Info" /> <input type="submit" value="Info" />
</form> </form>
{% else %} {% 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="hidden" name="scsi_id" value="{{device.id}}">
<input type="submit" value="Detach" /> <input type="submit" value="Detach" />
</form> </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="hidden" name="scsi_id" value="{{device.id}}">
<input type="submit" value="Info" /> <input type="submit" value="Info" />
</form> </form>
@ -93,13 +93,13 @@
<tr> <tr>
<td>{{file["name"].replace(base_dir, '')}}</td> <td>{{file["name"].replace(base_dir, '')}}</td>
<td style="text-align:center"> <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="hidden" name="image" value="{{file["name"].replace(base_dir, '')}}">
<input type="submit" value="{{file["size_mb"]}} MB &#8595;" /> <input type="submit" value="{{file["size_mb"]}} MB &#8595;" />
</form> </form>
</td> </td>
<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_name" value="{{file["name"]}}">
<input type="hidden" name="file_size" value="{{file["size"]}}"> <input type="hidden" name="file_size" value="{{file["size"]}}">
<select name="scsi_id"> <select name="scsi_id">
@ -111,12 +111,12 @@
<input type="submit" value="Attach" /> <input type="submit" value="Attach" />
{% endif %} {% endif %}
</form> </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="hidden" name="image" value="{{file["name"].replace(base_dir, '')}}">
<input type="submit" value="Delete" /> <input type="submit" value="Delete" />
</form> </form>
{% if file["name"].lower().endswith(archive_file_suffix) %} {% 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="hidden" name="image" value="{{file["name"].replace(base_dir, '')}}">
<input type="submit" value="Unzip" /> <input type="submit" value="Unzip" />
</form> </form>