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;
}
form {
form.table {
display: inline;
}
@ -29,6 +29,7 @@ table, tr, td {
border: 1px solid black;
border-collapse:collapse;
margin: none;
}
.error {

View File

@ -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">

View File

@ -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>