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 1f1aa6fd52
commit 18962ab41a
2 changed files with 10 additions and 10 deletions

View File

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

View File

@ -18,11 +18,6 @@
<p class="upload-header">Send Files</p> <p class="upload-header">Send Files</p>
<p class="upload-description">Select the files you want to send, then click "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 id="uploads"></div>
<div> <div>
@ -51,6 +46,11 @@
</div> </div>
<script src="/static/js/receive-noscript.js"></script> <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> </div>
<script src="/static/js/jquery-3.3.1.min.js"></script> <script src="/static/js/jquery-3.3.1.min.js"></script>
<script src="/static/js/receive.js"></script> <script src="/static/js/receive.js"></script>