From 296853974476a73856d70fa2b90688255f56e828 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Adina=20=C8=9Aeudan?= <adina@devplant.ro>
Date: Tue, 19 Apr 2022 23:43:15 +0300
Subject: [PATCH] Layout

---
 src/assets/styles/common-layout.scss | 62 +++++++++++++++++-----------
 1 file changed, 39 insertions(+), 23 deletions(-)

diff --git a/src/assets/styles/common-layout.scss b/src/assets/styles/common-layout.scss
index 38605e6..5dd6b45 100644
--- a/src/assets/styles/common-layout.scss
+++ b/src/assets/styles/common-layout.scss
@@ -9,6 +9,22 @@ body {
     color: var(--iqser-accent);
     font-size: 13px;
     line-height: 16px;
+    display: flex;
+    overflow: hidden;
+}
+
+redaction-root {
+    display: flex;
+    overflow: hidden;
+
+    router-outlet + * {
+        display: flex;
+        flex: 1;
+        flex-direction: column;
+        overflow: auto;
+
+        @include common-mixins.scroll-bar;
+    }
 }
 
 section.settings {
@@ -98,33 +114,33 @@ section.settings {
 .content-container {
     overflow: hidden;
     position: relative;
-    width: 100%;
+    flex: 1;
+}
 
-    .dialog {
-        border-radius: 8px;
-        margin-top: 40px;
-        margin-bottom: 70px;
-        background-color: var(--iqser-white);
-        max-width: 650px;
-        height: fit-content;
-        box-shadow: 0 1px 5px 0 rgba(40, 50, 65, 0.19);
-        position: unset;
+.dialog:not(section) {
+    border-radius: 8px;
+    margin-top: 40px;
+    margin-bottom: 70px;
+    background-color: var(--iqser-white);
+    max-width: 650px;
+    height: fit-content;
+    box-shadow: 0 1px 5px 0 rgba(40, 50, 65, 0.19);
+    position: unset;
 
-        .heading-l {
-            margin-bottom: 16px;
+    .heading-l {
+        margin-bottom: 16px;
+    }
+
+    .dialog-content {
+        display: flex;
+
+        .dialog-content-left {
+            min-width: 300px;
+            margin-right: 64px;
         }
 
-        .dialog-content {
-            display: flex;
-
-            .dialog-content-left {
-                min-width: 300px;
-                margin-right: 64px;
-            }
-
-            .link-action {
-                margin-top: 8px;
-            }
+        .link-action {
+            margin-top: 8px;
         }
     }
 }