X-Git-Url: https://www.chiark.greenend.org.uk/ucgi/~mdw/git/tgal/blobdiff_plain/f6ac176798628842d70f993c03b4f4978bccbef1..84ffdea7357ad52e4ad8df5ad57b90c7c097252b:/static/tgal.css

diff --git a/static/tgal.css b/static/tgal.css
index 73e3933..c4753e4 100644
--- a/static/tgal.css
+++ b/static/tgal.css
@@ -91,7 +91,6 @@ div.gallery {
 	flex-direction: row; flex-wrap: wrap;
 	align-items: start; justify-content: space-evenly;
 }
-div.gallery.medthumb { display: flex; }
 
 figure.thumb {
 	display: inline-block;
@@ -123,6 +122,7 @@ figure.thumb figcaption { display: block; }
 figcaption { text-align: center; }
 figcaption span.name { font-family: sans-serif; }
 figcaption span.comment { font-style: italic; margin-inline-start: 1em; }
+.smallthumb figcaption { font-size: 80%; }
 
 div.viewnav {
 	flex-grow: 1; flex-basis: 0;
@@ -169,9 +169,9 @@ div.thumbstrip {
 	flex-direction: row; align-self: center;
 }
 
-div.thumbstrip.smallthumb { display: flex; }
-div.thumbstrip.medthumb { display: none; }
-div.thumbstrip.bigthumb { display: none; }
+div.thumbstrip.smallthumb, div.gallery.smallthumb { display: flex; }
+div.thumbstrip.medthumb, div.gallery.medthumb { display: none; }
+div.thumbstrip.bigthumb, div.gallery.bigthumb { display: none; }
 @media (min-height: 1200px) and (max-height: 1599px) {
 	div.thumbstrip.smallthumb { display: none; }
 	div.thumbstrip.medthumb { display: flex; }
@@ -182,5 +182,15 @@ div.thumbstrip.bigthumb { display: none; }
 	div.thumbstrip.medthumb { display: none; }
 	div.thumbstrip.bigthumb { display: flex; }
 }
+@media (min-width: 760px) and (max-width: 1079px) {
+	div.gallery.smallthumb { display: none; }
+	div.gallery.medthumb { display: flex; }
+	div.gallery.bigthumb { display: none; }
+}
+@media (min-width: 1080px) {
+	div.gallery.smallthumb { display: none; }
+	div.gallery.medthumb { display: none; }
+	div.gallery.bigthumb { display: flex; }
+}
 
 /*----- That's all, folks -------------------------------------------------*/