From 34b6ccd28543d6c726594b0e604dcf367a4d1cea Mon Sep 17 00:00:00 2001
From: Ethan Dalool <git@voussoir.net>
Date: Wed, 20 Jan 2021 18:58:13 -0800
Subject: [PATCH] Rearrange some photo card css.

---
 .../etiquette_flask/static/css/cards.css      | 59 ++++++++++---------
 1 file changed, 32 insertions(+), 27 deletions(-)

diff --git a/frontends/etiquette_flask/static/css/cards.css b/frontends/etiquette_flask/static/css/cards.css
index fcefa69..3eb0049 100644
--- a/frontends/etiquette_flask/static/css/cards.css
+++ b/frontends/etiquette_flask/static/css/cards.css
@@ -141,6 +141,22 @@
 {
     box-shadow: 2px 2px 5px 0px var(--color_dropshadow);
 }
+.photo_card_searchhidden
+{
+    border: 2px dotted var(--color_shadow);
+}
+
+.photo_card_selected::after
+{
+    content: "";
+    position: absolute;
+    top: 0; bottom: 0; left: 0; right: 0;
+    pointer-events: none;
+    border: 2px solid blue;
+    background-color: rgba(0, 0, 255, 0.25);
+    border-radius: inherit;
+}
+
 .photo_card_list
 {
     position: relative;
@@ -152,11 +168,6 @@
     margin: 8px;
     padding: 4px;
 }
-.photo_card_list .photo_clipboard_selector_checkbox
-{
-    grid-area: checkbox;
-    align-self: center;
-}
 .photo_card_grid
 {
     position: relative;
@@ -175,13 +186,20 @@
 
     border-radius: 8px;
 }
+
 .photo_card_grid .photo_clipboard_selector_checkbox
 {
     position:absolute;
     left:5px;
     top:5px;
 }
-.photo_card_thumbnail
+.photo_card_list .photo_clipboard_selector_checkbox
+{
+    grid-area: checkbox;
+    align-self: center;
+}
+
+.photo_card_grid .photo_card_thumbnail
 {
     grid-area: thumbnail;
     align-self: start;
@@ -190,12 +208,13 @@
     width: 100%;
     height: 150px;
 }
-.photo_card_thumbnail img
+.photo_card_grid .photo_card_thumbnail img
 {
     max-width: 100%;
     max-height: 100%;
     margin: auto;
 }
+
 .photo_card_filename
 {
     /*
@@ -216,10 +235,6 @@
     background-color: inherit;
     word-break: break-word;
 }
-.photo_card_list .photo_card_filename
-{
-    align-self: center;
-}
 .photo_card_grid .photo_card_filename
 {
     align-self: start;
@@ -240,6 +255,11 @@
     right: 0;
     background-color: inherit;
 }
+.photo_card_list .photo_card_filename
+{
+    align-self: center;
+}
+
 .photo_card_tags
 {
     grid-area: tags;
@@ -251,6 +271,7 @@
 
     cursor: help;
 }
+
 .photo_card_metadata
 {
     grid-area: metadata;
@@ -261,22 +282,6 @@
     font-size: 11px;
 }
 
-.photo_card_searchhidden
-{
-    border: 2px dotted var(--color_shadow);
-}
-
-.photo_card_selected::after
-{
-    content: "";
-    position: absolute;
-    top: 0; bottom: 0; left: 0; right: 0;
-    pointer-events: none;
-    border: 2px solid blue;
-    background-color: rgba(0, 0, 255, 0.25);
-    border-radius: inherit;
-}
-
 /* ########################################################################## */
 /* ########################################################################## */
 /* ########################################################################## */