From fd3edb4fcb490e7c3def1b5715bf94da6b0313f1 Mon Sep 17 00:00:00 2001
From: Starbeamrainbowlabs <sbrl@starbeamrainbowlabs.com>
Date: Sat, 9 May 2020 15:41:04 +0100
Subject: [PATCH] theme/photo: fix theme gallery & curb massive
 images/videos/audio

---
 themes/photo/theme.css | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/themes/photo/theme.css b/themes/photo/theme.css
index d574aa3..9985c60 100644
--- a/themes/photo/theme.css
+++ b/themes/photo/theme.css
@@ -110,7 +110,8 @@ table				{ border-collapse: collapse;	}
 tr:nth-child(2n)	{ background: var(--bg-a);		}
 th, td				{ padding: 0.25em 0.45em;		}
 
-pre, code, input, textarea { font-size: 1rem; }
+pre, code, input, textarea	{ font-size: 1rem;	}
+img, video, audio			{ max-width: 100%;	}
 
 
 main label	{ font-weight: bold; display: inline-block; min-width: 12em; }
@@ -136,8 +137,9 @@ textarea, input:not([type=submit]):not([type=button]) {
 	box-shadow: inset 0 0 0.5em var(--shadow-a);
 }
 
+input[type=submit].large { width: 100%; }
 input[type=submit] {
-	width: 100%; box-sizing: border-box;
+	box-sizing: border-box;
 	margin: 0.25em 0;
 	padding: 0.1em 0.25em;
 	font-weight: bold;
@@ -189,6 +191,13 @@ input[type=submit] {
 	font-size: 1.25em; color: var(--text-b);
 }
 
+
+.grid-large { display: grid; grid-template-columns: repeat(auto-fit, minmax(20em, 1fr)); grid-auto-rows: min-content; grid-gap: 1em; justify-content: center;}
+
+.theme-item { justify-self: center; text-align: center; }
+.theme-item label { min-width: auto; }
+
+
 .stacked-bar { display: flex; }