layout improves

Author: Artem Netsvetaev

src/scss/styles.scss

@@ -22,6 +22,14 @@
     padding: calc(var(--toolbar-height) + 10px) 8px;
     width: min(1200px, 100%);
     margin: 0 auto;
+    display: flex;
+    flex-direction: column;
+}
+
+.layout-main > div, .layout-main .single-spa-container {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
 }
 
 .layout-toolbar {
@@ -41,3 +49,9 @@
 a {
     text-decoration: none;
 }
+
+@media screen and (min-width: 576px) {
+    .layout-main {
+        padding-bottom: 0;
+    }
+}