From 4a4f8f6117f73dcc6853c2123cc97f1cc3a18577 Mon Sep 17 00:00:00 2001
From: Jonathan Jaubart <dev@jaubart.com>
Date: Sat, 3 Sep 2022 16:08:55 +0100
Subject: [PATCH] RESOLVED #47: Align pages with 2 columns layout with menu
 frame

---
 src/sass/rural/_pages-blocks.scss | 13 +++++++++++++
 src/sass/rural/_pages.scss        | 18 ++++++++++++++++++
 2 files changed, 31 insertions(+)

diff --git a/src/sass/rural/_pages-blocks.scss b/src/sass/rural/_pages-blocks.scss
index 1e22e84..986b617 100644
--- a/src/sass/rural/_pages-blocks.scss
+++ b/src/sass/rural/_pages-blocks.scss
@@ -21,6 +21,7 @@
  * along with webtrees-MyArtJaub. If not, see <https://www.gnu.org/licenses/>.
  */
 
+
 @mixin maj-block-large {
     background-image: url('block_bg.png');
     background-repeat: repeat-y;
@@ -28,6 +29,18 @@
     padding-top: 0;
 }
 
+.wt-main-blocks {
+    @extend .px-0;
+    
+    @include media-breakpoint-up(md) {
+        padding-right: calc(var(--bs-gutter-x) * 0.5) !important;
+    }
+}
+
+.wt-side-blocks {
+    @extend .px-0;
+}
+
 .wt-block {
     background-color: transparent;
     background-image: url('block_small_bg.png');
diff --git a/src/sass/rural/_pages.scss b/src/sass/rural/_pages.scss
index 384bfb2..a317632 100644
--- a/src/sass/rural/_pages.scss
+++ b/src/sass/rural/_pages.scss
@@ -30,6 +30,24 @@
  * The individual page.
  *
  */
+ 
+.wt-route-IndividualPage .wt-main-container > .row {
+    .col-sm-8 {
+        @extend .px-0;
+        
+        @include media-breakpoint-up(sm) {
+            padding-right: calc(var(--bs-gutter-x) * 0.5) !important;
+        }
+    }
+
+    .col-sm-4 {
+        @extend .px-0;
+        
+        @include media-breakpoint-down(sm) {
+            margin-top: 1rem;
+        }
+    }
+}
 
 .img-thumbnail {
     text-align: center;