From 42ff77b70ca5734a67d4ff0828991f78f49ed5cd Mon Sep 17 00:00:00 2001
From: Torsten <torsten@rubydesign.fi>
Date: Sun, 1 Jan 2023 15:18:18 +0200
Subject: [PATCH] more margin work

---
 app/views/merged/view/_blog_header.haml              | 2 +-
 app/views/merged/view/_form_section.haml             | 2 +-
 app/views/merged/view/_section_cards.haml            | 2 +-
 app/views/merged/view/_section_full_up.haml          | 2 +-
 app/views/merged/view/_section_half_image.haml       | 2 +-
 app/views/merged/view/cards/_card_normal_square.haml | 2 +-
 6 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/app/views/merged/view/_blog_header.haml b/app/views/merged/view/_blog_header.haml
index c68a84a..9348be1 100644
--- a/app/views/merged/view/_blog_header.haml
+++ b/app/views/merged/view/_blog_header.haml
@@ -1,4 +1,4 @@
-%section.overflow-hidden.grid.grid-cols-2.m-20
+%section.overflow-hidden.grid.grid-cols-2.m-5.md:m-12.lg:m-20
   %div{ order_option(section)}
     = image_for( section , "h-56 w-full object-cover sm:h-full")
   .p-8.md:p-6.lg:px-16.lg:pt-10{ background_option(section)}
diff --git a/app/views/merged/view/_form_section.haml b/app/views/merged/view/_form_section.haml
index a908c7c..dd750af 100644
--- a/app/views/merged/view/_form_section.haml
+++ b/app/views/merged/view/_form_section.haml
@@ -1,4 +1,4 @@
-.flex.flex-col.m-10.md:m-20{ options(section , :background , :color)}
+.flex.flex-col.m-5.md:m-12.lg:m-20{ options(section , :background , :color)}
   .flex.items-center.justify-center.flex-1
     .max-w-prose.px-4.mt-16.mx-auto.text-center
       %h1.text-4xl.font-medium= section.header
diff --git a/app/views/merged/view/_section_cards.haml b/app/views/merged/view/_section_cards.haml
index 921beea..c5c38f2 100644
--- a/app/views/merged/view/_section_cards.haml
+++ b/app/views/merged/view/_section_cards.haml
@@ -1,4 +1,4 @@
-%section.m-20{ options(section , :background , :color)}
+%section.m-5.md:m-12.lg:m-20{ options(section , :background , :color)}
   .flex.justify-center
     .max-w-prose.px-4.py-16{ options(section , :text_align)}
       %h1.text-2xl.font-bold.tracking-tight.sm:text-4xl
diff --git a/app/views/merged/view/_section_full_up.haml b/app/views/merged/view/_section_full_up.haml
index 826755b..65debfb 100644
--- a/app/views/merged/view/_section_full_up.haml
+++ b/app/views/merged/view/_section_full_up.haml
@@ -1,6 +1,6 @@
 %section{ options(section , :background , :margin)}
   .flex{ options(section , :item_align )}
-    .px-4.py-16.mx-20{options(section , :text_align , :color)}
+    .px-4.py-4.md:py-10.lg:py-16.mx-5.md:mx-12.lg:mx-20{options(section , :text_align , :color)}
       %h1.text-2xl.font-bold.tracking-tight.sm:text-4xl
         = section.header
       -if section.has_option?("subheader")
diff --git a/app/views/merged/view/_section_half_image.haml b/app/views/merged/view/_section_half_image.haml
index 08d80dd..8aaa171 100644
--- a/app/views/merged/view/_section_half_image.haml
+++ b/app/views/merged/view/_section_half_image.haml
@@ -1,4 +1,4 @@
-%section.overflow-hidden.grid.grid-cols-1.m-20.md:grid-cols-2
+%section.overflow-hidden.grid.grid-cols-1.m-5.md:m-12.lg:m-20.md:grid-cols-2
   %div{ order_option(section)}
     = image_for( section , "h-56 w-full object-cover sm:h-full")
   .p-8.md:p-12.lg:px-16.lg:py-24{ background_option(section)}
diff --git a/app/views/merged/view/cards/_card_normal_square.haml b/app/views/merged/view/cards/_card_normal_square.haml
index 8c25e30..326eb25 100644
--- a/app/views/merged/view/cards/_card_normal_square.haml
+++ b/app/views/merged/view/cards/_card_normal_square.haml
@@ -1,4 +1,4 @@
-.m-10{background_option(card)}
+.m-4.md:m-8.lg:m-12{background_option(card)}
   = image_for( card , "h-96 w-full object-cover")
   .m-6{options(card , :text_align , :color)}
     %h3.p-4.text-2xl.font-bold= card.header