make small layout changes

OpenEnergyPlatform · Sep 20, 2024 · edd78d1 · edd78d1
1 parent 5b20171
commit edd78d1
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 8 deletions.
diff --git a/base/static/css/bootstrap.min.css b/base/static/css/bootstrap.min.css
diff --git a/theming/scss/layouts/_ontology.scss b/theming/scss/layouts/_ontology.scss
@@ -1,5 +1,10 @@
 @use '../base/' as *;
 
+.main .content .content__container:has(.ontology) {
+  max-width: $C--container-width;
+  @extend .justify-content-center;
+}
+
 .main .content .ontology {
   width: 100%;
   max-width: 53.75rem;
@@ -46,15 +51,10 @@
   &__features {
     @extend .container;
     @extend .px-4;
-    @extend .pt-5;
-    @extend .pb-2;
+    @extend .pt-4;
     @extend .mb-5;
     @extend .bg-light;
 
-    @include media-breakpoint-down(md) {
-      padding-top: 2rem !important;
-    }
-
     &-row {
       @extend .row;
     }
@@ -118,9 +118,12 @@
   @extend .border;
   @extend .rounded;
   margin-top: 6rem !important;
-  width: 20rem;
   background-color: #FFF;
 
+  @include media-breakpoint-down(md) {
+    margin-top: 2rem !important;
+  }
+
   &__section {
     @extend .pt-2;
     @extend .pb-3;