small styling improvements

3 files changed, 10 insertions, 18 deletions

diff --git a/pages/index.fnl b/pages/index.fnl
index a7761a2..88cdca7 100644
--- a/pages/index.fnl
+++ b/pages/index.fnl
@@ -25,8 +25,8 @@
   (let [chosen (. list (math.random (# list)))]
     (HTML
      [:div {}
-      [:a {:href (.. "static/" chosen.name ".webp") :target "_blank"} ""]
-      [:img {:src (.. "static/" chosen.name "-p.webp") :alt chosen.alt}]])))
+      [:a {:href (.. "static/" chosen.name ".webp") :target "_blank"}
+       [:img {:src (.. "static/" chosen.name "-p.webp") :alt chosen.alt}]]])))
 
 (fn content [authenticated?]
   [(HTML
diff --git a/pages/shop/_product/index.fnl b/pages/shop/_product/index.fnl
index b4df0e5..cb451b7 100644
--- a/pages/shop/_product/index.fnl
+++ b/pages/shop/_product/index.fnl
@@ -86,7 +86,7 @@
                  [:img {:class "product-page-img-mobile mb-1"
                         :src (.. link "-thumbnail.jpg")}]]))
         (if (not (lib.empty? product.description))
-          (HTML [:div {:class "mb-1"} "***"])
+          (HTML [:div {:class "product-page-delimiter mb-1"} "***"])
           "")
         (if (not (lib.empty? product.description))
           (HTML [:div {} [:NO-ESCAPE (text->html product.description)]])
diff --git a/static/style.css b/static/style.css
index 959f0cd..edc7bb7 100644
--- a/static/style.css
+++ b/static/style.css
@@ -252,10 +252,10 @@ p {
   grid-gap: 1rem;
   max-width: calc(100vw - 6rem);
   width: 100%;
+  font-size: 0;
 }
 
 .gallery > div {
-  position: relative;
   background-color: #00000011;
 }
 
@@ -289,24 +289,11 @@ p {
   grid-row: 13 / span 4;
 }
 
-.gallery a {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  z-index: 1;
-}
-
 .gallery img,
 .gallery video {
-  position: absolute;
-  top: 0;
-  left: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
-  z-index: 0;
 }
 
 .shop-items {
@@ -367,7 +354,7 @@ p {
 
 .product-page-layout {
   display: flex;
-  gap: 2rem;
+  gap: 0 2rem;
 }
 
 .product-page-layout > * {
@@ -378,6 +365,7 @@ p {
   display: flex;
   flex-direction: column;
   gap: 1rem;
+  font-size: 0;
 }
 
 .product-page-img,
@@ -575,6 +563,10 @@ p {
   .product-page-imgs > *:first-child {
     display: none;
   }
+
+  .product-page-delimiter {
+    display: none;
+  }
 }
 
 @media screen and (max-width: 41rem) {