Make progress, noscript warning, and flashes appear above the form, but beneath the logo

This commit is contained in:
Miguel Jacq 2019-02-23 13:16:06 +11:00
parent 5fc0cc326a
commit 9c5adaee27
No known key found for this signature in database
GPG Key ID: EEA4341C6D97A0B6
2 changed files with 10 additions and 10 deletions

View File

@ -176,7 +176,7 @@ ul.flashes {
margin: 0;
padding: 0;
width: 800px;
max-width: 90%;
max-width: 500px;
margin: 0 auto;
}
@ -184,7 +184,7 @@ ul.flashes li {
margin: 0 0 5px 0;
padding: 5px;
list-style: none;
text-align: left;
text-align: center;
}
li.error {
@ -225,12 +225,12 @@ li.info {
div#noscript {
border: 1px solid #e55454;
text-align: left;
text-align: center;
color: #e55454;
padding: 1em;
line-height: 150%;
max-width: 900px;
margin: 100px 2em 0 2em;
max-width: 500px;
margin: 0 auto;
}
div#noscript a, div#noscript a:visited {

View File

@ -18,11 +18,6 @@
<p class="upload-header">Send Files</p>
<p class="upload-description">Select the files you want to send, then click "Send Files"...</p>
<form id="send" method="post" enctype="multipart/form-data" action="{{ upload_action }}">
<p><input type="file" id="file-select" name="file[]" multiple /></p>
<p><button type="submit" id="send-button" class="button">Send Files</button></p>
</form>
<div id="uploads"></div>
<div>
@ -51,6 +46,11 @@
</div>
<script src="/static/js/receive-noscript.js"></script>
<form id="send" method="post" enctype="multipart/form-data" action="{{ upload_action }}">
<p><input type="file" id="file-select" name="file[]" multiple /></p>
<p><button type="submit" id="send-button" class="button">Send Files</button></p>
</form>
</div>
<script src="/static/js/jquery-3.3.1.min.js"></script>
<script src="/static/js/receive.js"></script>