From 0a2c43714b68b69a02f7bfe0cfa44f6e05b06ef5 Mon Sep 17 00:00:00 2001
From: Fen Dweller <chemicalcrux@gmail.com>
Date: Sun, 18 Oct 2020 13:45:48 -0400
Subject: [PATCH] Rearrange the menubar and add a blurb about sharing

---
 xray.html | 25 +++++++++++++------------
 1 file changed, 13 insertions(+), 12 deletions(-)

diff --git a/xray.html b/xray.html
index 8b707c3..70afe04 100644
--- a/xray.html
+++ b/xray.html
@@ -20,8 +20,11 @@
         <input class="onlystart"type="text" id="overlay-url" placeholder="URL for overlay image">
         <label class="onlystart">Artist Link (optional)</label>
         <input class="onlystart"type="text" id="artist-url" placeholder="URL for the artist">
+        <p class="onlystart">Once loaded, just adjust the settings and copy the resulting URL!</p>
         <button id="load-button" class="onlystart">Load</button>
         <button id="reset-button" class="nostart large">Reset</button>
+        <a id="artist" target="_blank" class="nostart large"><button>Visit artist</button></a>
+        <button class="nostart large" id="hide-toolbar">Hide Toolbar</button>
         <label class="nostart large">
             <span>Radius</span>
             <input type="number" id="radius-input" placeholder="200" value="200">
@@ -32,6 +35,16 @@
             <input type="number" id="softness-input" placeholder="0" value="0">
             <input type="range" id="softness-slider" min="0" max="100" step="5" value="0">
         </label>
+        <label class="nostart large">
+            <span>Opacity</span>
+            <input type="number" id="opacity-input" placeholder="100" value="100">
+            <input type="range" id="opacity-slider" min="0" max="100" step="10" value="100">
+        </label>
+        <label class="nostart large">
+            <span>Darkness</span>
+            <input type="number" id="darkness-input" placeholder="0" value="0">
+            <input type="range" id="darkness-slider" min="0" max="100" step="10" value="0">
+        </label>
         <button class="nostart large" id="fullscreen-button">Fullscreen</button>
         <label class="nostart large">
             <span>Border</span>
@@ -49,18 +62,6 @@
             <span>Resize to window</span>
             <input type="checkbox" id="fit-screen" checked>
         </label>
-        <label class="nostart large">
-            <span>Opacity</span>
-            <input type="number" id="opacity-input" placeholder="100" value="100">
-            <input type="range" id="opacity-slider" min="0" max="100" step="10" value="100">
-        </label>
-        <label class="nostart large">
-            <span>Darkness</span>
-            <input type="number" id="darkness-input" placeholder="0" value="0">
-            <input type="range" id="darkness-slider" min="0" max="100" step="10" value="0">
-        </label>
-        <a id="artist" target="_blank" class="nostart large"><button>Visit artist</button></a>
-        <button class="nostart large" id="hide-toolbar">Hide Toolbar</button>
     </div>
     <button class="nostart large" id="show-toolbar">Show Toolbar</button>