From 3e720299089b3b643d7f1037efe9daff293c1cc0 Mon Sep 17 00:00:00 2001
From: Ethan Dalool <git@voussoir.net>
Date: Sun, 31 Oct 2021 16:15:01 -0700
Subject: [PATCH] Improve placement of photo toolbutton in list view.

---
 frontends/etiquette_flask/static/css/cards.css | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/frontends/etiquette_flask/static/css/cards.css b/frontends/etiquette_flask/static/css/cards.css
index 7f77aff..c2758ef 100644
--- a/frontends/etiquette_flask/static/css/cards.css
+++ b/frontends/etiquette_flask/static/css/cards.css
@@ -148,8 +148,8 @@
     position: relative;
     display: grid;
     grid-template:
-        "checkbox filename metadata tags" auto
-        /auto     1fr      auto     auto;
+        "checkbox filename metadata tags toolbutton" auto
+        /auto     1fr      auto     auto auto;
     grid-column-gap: 4px;
     margin: 8px;
     padding: 4px;
@@ -269,7 +269,7 @@
     font-size: 11px;
 }
 
-.photo_card_toolbutton
+.photo_card_grid .photo_card_toolbutton
 {
     position: absolute;
     top: 4px;
@@ -277,7 +277,12 @@
     width: 16px;
     height: 16px;
 }
-.photo_card_grid .photo_card_tools
+.photo_card_list .photo_card_toolbutton
+{
+    grid-area: toolbutton;
+}
+
+.photo_card_tools
 {
     display: none;
     background-color: var(--color_secondary);
@@ -285,7 +290,7 @@
     z-index: 1;
     width: max-content;
 }
-.photo_card_grid .photo_card_tools.open_contextmenu
+.photo_card_tools.open_contextmenu
 {
     display: initial;
     position: absolute;