From 18962ab41a8fd232190c3275c73459443f5b5bc8 Mon Sep 17 00:00:00 2001
From: Miguel Jacq <mig@mig5.net>
Date: Sat, 23 Feb 2019 13:16:06 +1100
Subject: [PATCH] Make progress, noscript warning, and flashes appear above the
 form, but beneath the logo

---
 share/static/css/style.css   | 10 +++++-----
 share/templates/receive.html | 10 +++++-----
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/share/static/css/style.css b/share/static/css/style.css
index 0751d306..3b6a3785 100644
--- a/share/static/css/style.css
+++ b/share/static/css/style.css
@@ -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 {
diff --git a/share/templates/receive.html b/share/templates/receive.html
index a557a967..2fff3cdd 100644
--- a/share/templates/receive.html
+++ b/share/templates/receive.html
@@ -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>