Improve layout for Pedigree Map tab and page

jon48 · Sep 3, 2022 · b9d8170 · b9d8170
1 parent 4a4f8f6
commit b9d8170
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 11 deletions.
diff --git a/src/sass/rural/_pages-charts.scss b/src/sass/rural/_pages-charts.scss
@@ -142,17 +142,23 @@
  * Pedigree map
  */
 
-.row.osm-wrapper {
-    @extend .container;
+.wt-pedigree-map-wrapper {
+    @extend .mx-1;
 }
 
-.osm-sidebar {
+.wt-pedigree-map-sidebar {
+    row-gap: 0.5rem;
+
+    &.wt-page-options-value {
+        border-style: none;
+    }
+
     .gchart {
         border: dashed 1px $maj-c-theme-dark;
         color: $maj-c-theme-primary;
-        margin-bottom: 0.5rem;
-
-        .label {
+        padding: 3px;
+        
+        > div > div > div:first-child {
             font-weight: bold;
         }
     }

diff --git a/src/sass/rural/_pages.scss b/src/sass/rural/_pages.scss
@@ -71,14 +71,17 @@
 .wt-tabs-individual {
     @extend .maj-content-tabs;
 
-    .row.osm-wrapper {
-        padding-left: 0.5rem;
-        padding-right: 0.5rem;
-    }
-
     .field {
         color: #000;
     }
+
+    .wt-places-tab-wrapper {
+        @extend .mx-2;
+
+        .wt-page-options-value {
+            border-style: none;
+        }
+    }
 }
 
 .label {