From 41b03f46b9ba270cdb2558de1e3d8ee3a839ea35 Mon Sep 17 00:00:00 2001
From: Ethan Dalool <git@voussoir.net>
Date: Tue, 3 Nov 2020 16:25:04 -0800
Subject: [PATCH] Use more class=panel throughout ui.

---
 frontends/etiquette_flask/templates/album.html |  6 ++----
 frontends/etiquette_flask/templates/photo.html |  7 ++-----
 .../etiquette_flask/templates/search.html      |  8 ++------
 frontends/etiquette_flask/templates/tags.html  | 18 +++++-------------
 4 files changed, 11 insertions(+), 28 deletions(-)
diff --git a/frontends/etiquette_flask/templates/album.html b/frontends/etiquette_flask/templates/album.html
index 01871be..1e78b28 100644
--- a/frontends/etiquette_flask/templates/album.html
+++ b/frontends/etiquette_flask/templates/album.html
@@ -29,8 +29,6 @@ h2, h3
     display: grid;
     grid-row-gap: 8px;
     grid-auto-rows: min-content;
-    padding: 8px;
-    background-color: var(--color_transparency);
 }
 
 #right > *
@@ -101,7 +99,7 @@ h2, h3
             {% endfor %}
         </div>
     </div>
-    <div id="right">
+    <div id="right" class="panel">
         {% if view != "list" %}
             <a href="?view=list">List view</a>
         {% else %}
@@ -153,7 +151,7 @@ const ALBUM_ID = undefined;
 <body>
 {{header.make_header(session=session)}}
 <div id="content_body" class="sticky_side_right sticky_bottom_right">
-    <div id="right">
+    <div id="right" class="panel">
         {% if view != "list" %}
             <a href="?view=list">List view</a>
         {% else %}
diff --git a/frontends/etiquette_flask/templates/photo.html b/frontends/etiquette_flask/templates/photo.html
index 09e3e7c..10c5422 100644
--- a/frontends/etiquette_flask/templates/photo.html
+++ b/frontends/etiquette_flask/templates/photo.html
@@ -30,13 +30,10 @@
         /1fr;
 
     min-height: min-content;
-
-    background-color: var(--color_transparency);
 }
 #editor_area
 {
     grid-area: editor_area;
-    padding: 8px;
     word-wrap: break-word;
 }
 #before_after_links
@@ -48,7 +45,7 @@
 {
     grid-area: message_area;
     min-height: 30px;
-    margin: 8px;
+    margin-top: 8px;
 }
 #photo_viewer
 {
@@ -145,7 +142,7 @@
 <body>
 {{header.make_header(session=session)}}
 <div id="content_body">
-<div id="left">
+<div id="left" class="panel">
     <div id="editor_area">
         <h3 id="photo_filename">{{photo.basename}}</h3>
 
diff --git a/frontends/etiquette_flask/templates/search.html b/frontends/etiquette_flask/templates/search.html
index 118a1da..19f87be 100644
--- a/frontends/etiquette_flask/templates/search.html
+++ b/frontends/etiquette_flask/templates/search.html
@@ -59,10 +59,6 @@
     display: flex;
     flex-direction: column;
 
-    padding: 8px;
-
-    background-color: var(--color_transparency);
-
     word-wrap: break-word;
 }
 #tags_on_this_page_holder
@@ -193,7 +189,7 @@
 <body>
 {{header.make_header(session=session)}}
 <div id="content_body">
-    <div id="left">
+    <div id="left" class="panel">
         {% for tagtype in ["musts", "mays", "forbids"] %}
         <div id="search_builder_{{tagtype}}" {% if search_kwargs["tag_expression"]%}class="hidden"{%endif%}>
             <span>Tag {{tagtype}}:</span>
@@ -361,7 +357,7 @@
         </div>
         {% endif %}
     </div>
-    <div id="right">
+    <div id="right" class="panel">
         <div id="error_message_area">
             {% for warning in warnings %}
                 <p class="error_message">{{warning}}</p>
diff --git a/frontends/etiquette_flask/templates/tags.html b/frontends/etiquette_flask/templates/tags.html
index 24a8233..6d89fc3 100644
--- a/frontends/etiquette_flask/templates/tags.html
+++ b/frontends/etiquette_flask/templates/tags.html
@@ -30,12 +30,6 @@ h2, h3
     grid-row-gap: 30px;
     grid-auto-rows: max-content;
 }
-#left > *
-{
-    background-color: var(--color_transparency);
-    padding: 8px;
-    border-radius: 5px;
-}
 #tag_metadata h2 .editor_input
 {
     font-size: inherit;
@@ -53,8 +47,6 @@ h2, h3
 #right
 {
     display: grid;
-    padding: 8px;
-    background-color: var(--color_transparency);
 }
 #editor_area
 {
@@ -91,7 +83,7 @@ h2, h3
 <body>
 {{header.make_header(session=session)}}
 <div id="content_body" class="sticky_side_right sticky_bottom_right">
-    <div id="right">
+    <div id="right" class="panel">
         <div id="editor_area">
             <input type="text" id="add_tag_textbox" class="entry_with_history entry_with_tagname_replacements" autofocus>
             <button class="add_tag_button green_button" id="add_tag_button" onclick="return easybake_form();">bake</button>
@@ -101,7 +93,7 @@ h2, h3
     </div>
     <div id="left">
         {% if specific_tag %}
-        <div id="hierarchy_self">
+        <div id="hierarchy_self" class="panel">
             <div id="tag_metadata">
                 <h2>{{tag_object.tag_object(
                     specific_tag,
@@ -136,7 +128,7 @@ h2, h3
 
         {% set parents = specific_tag.get_parents() %}
         {% if parents %}
-        <div id="hierarchy_parents">
+        <div id="hierarchy_parents" class="panel">
             <h3>{{parents|length}} Parents</h3>
             <ul id="parent_list">
             {% for ancestor in specific_tag.get_parents() %}
@@ -152,7 +144,7 @@ h2, h3
         {% endif %} <!-- if specific tag -->
 
         {% if tags or not specific_tag %}
-        <div id="hierarchy_tags">
+        <div id="hierarchy_tags" class="panel">
             {% if specific_tag %}
             <h3>{{tag_count}} Descendants</h3>
             {% else %}
@@ -219,7 +211,7 @@ h2, h3
         {% if specific_tag and include_synonyms %}
         {% set synonyms = specific_tag.get_synonyms() %}
         {% if synonyms %}
-        <div id="hierarchy_synonyms">
+        <div id="hierarchy_synonyms" class="panel">
             <h3>{{synonyms|length}} Synonyms</h3>
             <ul>
             {% for synonym in synonyms %}
