bugfix: hopefully increased ios compatibility ?????!!!!!

Author: webcrawls

static/app.css

@@ -38,10 +38,6 @@ html {
     scroll-behavior: smooth
 }
 
-* {
-    --debug-border: none;
-}
-
 .debug, .debug * {
     /*border: var(--debug-border);*/
 }
@@ -58,7 +54,7 @@ html {
     overflow: hidden;
     display: grid;
     flex-direction: column;
-    grid-template-rows: min-content 1fr min-content;
+    grid-template-rows: min-content minmax(200px, 1fr) min-content;
 }
 
 .main-wrapper {
@@ -116,7 +112,7 @@ main::after {
 
 footer {
     background-color: black;
-    height: 100%;
+    /* height: 100%; */
     border-top: 1px solid white;
 }
 
@@ -125,9 +121,8 @@ footer .footer-container {
     padding-inline: 1.5rem;
     max-width: var(--header-footer-content-width);
     width: 100%;
-    height: 100%;
+    /* height: 100%; */
     margin-inline: auto;
-
     display: flex;
     flex-direction: row;
     justify-content: space-between;
@@ -137,7 +132,6 @@ footer .footer-container {
 footer .footer-wrapper {
     width: 100%;
     display: flex;
-    height: 100%;
     justify-content: space-between;
     flex-direction: column;
 }
@@ -150,16 +144,18 @@ footer .section-group {
 .image-bin {
     display: flex;
     flex-direction: column;
-    height: 100%;
     align-items: center;
 }
 
+.image-bin a {
+    height: 100%;
+}
+
 .image-bin img {
     width: 100px;
     opacity: 0.7;
     transition: opacity 0.25s ease;
     object-fit: contain;
-    height: min-content;
 }
 
 .image-bin img:hover {