From 7314a7a686c87b72712d928bf017ae2d173f6ff2 Mon Sep 17 00:00:00 2001
From: PortableProgrammer <nick@warnerheavyindustries.com>
Date: Wed, 8 Jan 2025 22:16:34 +0000
Subject: Futher tweak card view styling for small screens, fix

---
 src/public/styles.css | 21 +++++++++++++++------
 1 file changed, 15 insertions(+), 6 deletions(-)

diff --git a/src/public/styles.css b/src/public/styles.css
index 7d70725..41c9613 100644
--- a/src/public/styles.css
+++ b/src/public/styles.css
@@ -288,27 +288,36 @@ summary::before {
   height: 4rem;
 }
 
+.media-preview.card {
+  padding: unset;
+}
+
 .media-preview.card img,
 .media-preview.card video {
   border-radius: 6px;
 
   max-height: 40vh;
-  max-width: 100%;
+  max-width: 95%;
 
   display: block;
-  width: initial;
-  height: initial;
+  width: unset;
+  height: unset;
   margin-left: auto;
   margin-right: auto;
-  margin-bottom: 1rem;
+  margin-bottom: 0.5rem;
 
   object-fit: fill;
 }
 
 .media-preview.card a {
   font-size: 1.5rem;
-  margin: 1rem;
-  padding: initial;
+  padding: unset;
+  padding-left: 1rem;
+}
+
+.media-preview.card a:has(img) {
+  font-size: 0rem;
+  padding: unset;
 }
 
 .media-preview a {
-- 
cgit v1.2.3