From 83c2ed7882812b82e55183085e0cf88d6673a119 Mon Sep 17 00:00:00 2001
From: Ethan Dalool <git@voussoir.net>
Date: Thu, 2 Apr 2020 22:28:36 -0700
Subject: [PATCH] Redesign album grid cards to look more like photo cards.

Unfortunately these cards are taller rather than wider so the
already-neglected unlink buttom becomes even more horizontally crammed.
That's going to need a big fixup anyway.
---
 .../etiquette_flask/static/css/photo_card.css | 22 ++++++++++++-------
 1 file changed, 14 insertions(+), 8 deletions(-)

diff --git a/frontends/etiquette_flask/static/css/photo_card.css b/frontends/etiquette_flask/static/css/photo_card.css
index 648b100..10d9abf 100644
--- a/frontends/etiquette_flask/static/css/photo_card.css
+++ b/frontends/etiquette_flask/static/css/photo_card.css
@@ -22,12 +22,14 @@
     display: inline-grid;
     vertical-align: top;
     grid-template:
-        "thumbnail title" 1fr
-        "thumbnail metadata" auto
-        /auto      1fr;
+        "thumbnail" auto
+        "title" auto
+        "metadata" auto
+        /1fr;
 
-    max-width: 325px;
-    width: 100%;
+    min-width: 150px;
+    max-width: 300px;
+    height: 225px;
     margin: 8px;
     padding: 8px;
 }
@@ -35,9 +37,9 @@
 {
     grid-area: thumbnail;
     background-color: var(--color_site_transparency);
-    width:  64px;
-    height: 64px;
-    margin-right: 8px;
+    display: flex;
+    width:  100%;
+    height: 150px;
 }
 .album_card_thumbnail img
 {
@@ -69,6 +71,10 @@
     display: none;
 }
 
+/* ########################################################################## */
+/* ########################################################################## */
+/* ########################################################################## */
+
 .photo_card
 {
     background-color: var(--color_theme_secondary);