feat: tighten up paddings of glightbox

1 files changed, 13 insertions, 4 deletions

diff --git a/static/input.css b/static/input.css
index 301f79a..3c715a1 100644
--- a/static/input.css
+++ b/static/input.css
@@ -10,25 +10,25 @@ html {
     font-size: 12px;
 }
 
-@media screen and (width >= 640px) {
+@media screen and (min-width: 640px) and (min-height: 640px) {
     html {
         font-size: 14px;
     }
 }
 
-@media screen and (width >= 1200px) {
+@media screen and (min-width: 900px) and (min-height: 900px) {
     html {
         font-size: 16px;
     }
 }
 
-@media screen and (width >= 1920px) {
+@media screen and (min-width: 1400px) and (min-height: 1400px) {
     html {
         font-size: 20px;
     }
 }
 
-@media screen and (width >= 2560px) {
+@media screen and (min-width: 1920px) and (min-height: 1920px) {
     html {
         font-size: 24px;
     }
@@ -443,6 +443,7 @@ a:hover, .linklike:hover {
     font-family: var(--font-spectral) !important;
     font-weight: 600 !important;
     color: var(--main-light-color) !important;
+    padding-bottom: 1rem !important;
 }
 
 .glightbox-clean .gslide-desc {
@@ -452,6 +453,14 @@ a:hover, .linklike:hover {
     color: var(--main-medium-color) !important;
 }
 
+.glightbox-mobile .glightbox-container .gslide-description {
+    padding: 0 !important;
+}
+
+.glightbox-clean .gdesc-inner {
+    padding: 1rem 1rem !important;
+}
+
 .map-container .leaflet-container {
     width: 100% !important;
     height: 100% !important;