From: Paul Hänsch <paul@plutz.net>
Date: Wed, 10 Mar 2021 08:47:43 +0000 (+0100)
Subject: common screen scaling for tag boxes and thumbnails
X-Git-Url: https://git.plutz.net/?a=commitdiff_plain;h=73d0e4b9634f96f45a7d86a2b3f78a671e087d3c;p=serve0

common screen scaling for tag boxes and thumbnails
---

diff --git a/style.css b/style.css
index fe06de1..c757fdd 100644
--- a/style.css
+++ b/style.css
@@ -56,11 +56,6 @@ body {
   margin: 0 .5%;
   margin-bottom: 1em;
 }
-@media(min-width:  20em) { .itemlist .list { max-width: 49%; } }
-@media(min-width:  40em) { .itemlist .list { max-width: 32%; } }
-@media(min-width:  60em) { .itemlist .list { max-width: 24%; } }
-@media(min-width:  80em) { .itemlist .list { max-width: 19%; } }
-@media(min-width: 100em) { .itemlist .list { max-width: 19em; } }
 
 .itemlist .list img {
   width: 100%; height: 11em;
@@ -141,7 +136,7 @@ body {
   word-break: break-word;
 }
 
-/* ====== ADVSEARCH PANEL ====== */
+/* ====== ADVSEARCH / FILTER PANEL ====== */
 
 #advsearch:target {
   display: block; position: fixed;
@@ -171,10 +166,11 @@ body {
 }
 #advsearch fieldset.select {
   display: inline-block;
-  width: 18em; max-width: 100%;
-  margin: 0 .5em; margin-bottom: .75em; padding: 0 .375em;
+  width: 99%;
+  margin: 0 .5%; margin-bottom: .75em; padding: 0 .375em;
   box-shadow: .125em .125em .25em #000;
 }
+
 #advsearch fieldset.select > label.head {
   display: none;
   width: 40%;
@@ -234,11 +230,6 @@ body {
   width: 99%;
   margin: 0 .5%; margin-top: 1em;
 }
-@media(min-width:  20em) { #multitag fieldset { max-width: 49%; } }
-@media(min-width:  40em) { #multitag fieldset { max-width: 32%; } }
-@media(min-width:  60em) { #multitag fieldset { max-width: 24%; } }
-@media(min-width:  80em) { #multitag fieldset { max-width: 19%; } }
-@media(min-width: 100em) { #multitag fieldset { max-width: 19em; } }
 
 #multitag fieldset select {
   width: 100%; height: 10em;
@@ -270,3 +261,12 @@ body#view .tag {
   padding: 0 .25em;
   border-radius: 1pt;
 }
+
+
+/* ====== SCALE BLOCK ELEMENTS ====== */
+
+@media(min-width:  20em) { .itemlist .list, #advsearch fieldset.select, #multitag fieldset { max-width: 49%; } }
+@media(min-width:  40em) { .itemlist .list, #advsearch fieldset.select, #multitag fieldset { max-width: 32%; } }
+@media(min-width:  60em) { .itemlist .list, #advsearch fieldset.select, #multitag fieldset { max-width: 24%; } }
+@media(min-width:  80em) { .itemlist .list, #advsearch fieldset.select, #multitag fieldset { max-width: 19%; } }
+@media(min-width: 100em) { .itemlist .list, #advsearch fieldset.select, #multitag fieldset { max-width: 19em; } }