From 4f1cb70fc13ed862234bbb4a1bd2964b4da3d893 Mon Sep 17 00:00:00 2001
From: Marcus Fedarko <mfedarko@umd.edu>
Date: Mon, 21 Sep 2020 20:53:09 -0700
Subject: [PATCH] ENH: shift around and tidy up #350 UI

makes things look less cluttered. had too many <hr />s previously
---
 empress/support_files/templates/side-panel.html | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/empress/support_files/templates/side-panel.html b/empress/support_files/templates/side-panel.html
index 8afcfbe72..50c5a97b2 100644
--- a/empress/support_files/templates/side-panel.html
+++ b/empress/support_files/templates/side-panel.html
@@ -139,13 +139,18 @@
     <div id="barplot-layer-container" class="hidden">
       <hr />
     </div>
+    <div id="barplot-add-options" class="hidden">
+      <p>
+        <label for="barplot-add-btn">Add another layer</label>
+        <button id="barplot-add-btn">+</button>
+      </p>
+    </div>
     <div id="barplot-border-content" class="hidden">
       <p>
         <label for="barplot-border-chk">Add a border around barplot layers?</label>
         <input id="barplot-border-chk" type="checkbox" class="empress-input">
       </p>
       <div id="barplot-border-options" class="hidden">
-        <h3 style="text-align: center;">Barplot borders</h3>
         <p>
           <label for="barplot-border-color">Border color</label>
           <!-- Will get turned into a Spectrum color picker by
@@ -161,10 +166,6 @@ <h3 style="text-align: center;">Barplot borders</h3>
       </div>
       <hr />
     </div>
-    <p id="barplot-add-options" class="hidden">
-      <label for="barplot-add-btn">Add another layer</label>
-      <button id="barplot-add-btn">+</button>
-    </p>
     <p id="barplot-update-options" class="hidden">
       <button id="barplot-update">Update</button>
     </p>