small styling improvements

3 files changed, 12 insertions, 7 deletions

diff --git a/pages/shop/_product/index.fnl b/pages/shop/_product/index.fnl
index 6d2e3f3..23a057f 100644
--- a/pages/shop/_product/index.fnl
+++ b/pages/shop/_product/index.fnl
@@ -68,11 +68,10 @@
             [:a {:href (.. "/shop/" product.name "/edit")}
              "% Редактировать"]])
          "")
-        (templates.product-overview product "mb-0-25")
-        (templates.add-to-basket-form product basket "mb-0-5" redirect-url)
+        (templates.product-overview product "mb-0-5")
+        (templates.add-to-basket-form product basket "mb-1-5" redirect-url)
 
-        [:div {:class "mb-1" :style "font-style: italic;"}
-          product.short-description]
+        [:div {:class "mb-1"} product.short-description]
         (let [link (.. "/static/files/" product.image1)]
           (HTML [:a {:href link :target "_blank"}
                  [:img {:class "product-page-img-mobile mb-1"
diff --git a/pages/shop/index.fnl b/pages/shop/index.fnl
index c456408..cfddbe7 100644
--- a/pages/shop/index.fnl
+++ b/pages/shop/index.fnl
@@ -134,7 +134,7 @@
       [:h3 {:class "shop-item-title" :data-parser "title"} product.title]]
     (templates.product-overview product "mb-0-25 font-size-0-875")
     [:div {:class "shop-item-price"}
-     (templates.add-to-basket-form product basket "" redirect-url)]
+     (templates.add-to-basket-form product basket "mb-0-5" redirect-url)]
     [:div {:data-parser "description"} product.short-description]]))
 
 (fn content [db products page total filters basket agreed-to-cookies? authenticated?]
diff --git a/static/style.css b/static/style.css
index 59c8024..406a493 100644
--- a/static/style.css
+++ b/static/style.css
@@ -246,8 +246,8 @@ aside h2 {
 
 .content h2 {
   font-size: 3.5rem;
-  line-height: 1.1;
-  margin-bottom: 1rem;
+  line-height: 1;
+  margin-bottom: 0.75rem;
 }
 
 p {
@@ -361,6 +361,11 @@ p {
   font-weight: 600;
 }
 
+h2[id=content] {
+  padding-top: 1.5rem;
+  margin-top: -1.5rem;
+}
+
 .product-page-layout {
   display: flex;
   gap: 0 2rem;
@@ -650,6 +655,7 @@ select {
 
   .product-page-layout {
     flex-direction: column;
+    position: relative;
   }
 
   .product-page-img-mobile {