From ff765386457ff02928b3d461adb285a8d7d44fb3 Mon Sep 17 00:00:00 2001
From: Alex Andreev <alex.andreev.email@gmail.com>
Date: Mon, 15 Mar 2021 11:21:46 +0300
Subject: [PATCH] More layout fixes

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
---
 .../components/+landing-page/landing-page.scss       |  1 +
 src/renderer/components/layout/page-layout.scss      | 12 ++++++------
 src/renderer/components/layout/page-layout.tsx       |  7 ++-----
 3 files changed, 9 insertions(+), 11 deletions(-)

diff --git a/src/renderer/components/+landing-page/landing-page.scss b/src/renderer/components/+landing-page/landing-page.scss
index ea1eb664ef..8045003b33 100644
--- a/src/renderer/components/+landing-page/landing-page.scss
+++ b/src/renderer/components/+landing-page/landing-page.scss
@@ -10,6 +10,7 @@
     .content {
       margin: unset;
       max-width: unset;
+      height: 100%;
     }
   }
 }
diff --git a/src/renderer/components/layout/page-layout.scss b/src/renderer/components/layout/page-layout.scss
index 6f7045d21c..c4629f0dbe 100644
--- a/src/renderer/components/layout/page-layout.scss
+++ b/src/renderer/components/layout/page-layout.scss
@@ -19,8 +19,8 @@
 
     grid-template-columns: var(--nav-column-width) 1fr;
 
-    > .content {
-      > * {
+    > .content-wrapper {
+      > .content {
         width: 100%;
         padding-left: 1px; // Fix visual content crop
         padding-right: calc(var(--nav-column-width) - var(--nav-width));
@@ -53,13 +53,13 @@
     height: var(--header-height);
     grid-column-start: 1;
     grid-column-end: 4;
-    margin-bottom: 24px;
   }
 
   > .content-navigation {
     display: flex;
     justify-content: flex-end;
     overflow-y: auto;
+    margin-top: 32px;
 
     ul.TreeView {
       width: var(--nav-width);
@@ -67,13 +67,13 @@
     }
   }
 
-  > .content {
+  > .content-wrapper {
+    padding: 32px;
     overflow: auto;
 
-    > * {
+    > .content {
       width: var(--width);
       margin: 0 auto;
-      padding-bottom: 24px;
     }
   }
 
diff --git a/src/renderer/components/layout/page-layout.tsx b/src/renderer/components/layout/page-layout.tsx
index 8ffc2a8f4c..b437a53d56 100644
--- a/src/renderer/components/layout/page-layout.tsx
+++ b/src/renderer/components/layout/page-layout.tsx
@@ -80,11 +80,8 @@ export class PageLayout extends React.Component<PageLayoutProps> {
             <RecursiveTreeView data={navigation}/>
           </nav>
         )}
-        <div
-          className={cssNames("content", contentClass)}
-          id="ScrollSpyRoot"
-        >
-          <div className={cssNames(contentGaps && "flex column gaps")}>
+        <div className="content-wrapper" id="ScrollSpyRoot">
+          <div className={cssNames("content", contentClass, contentGaps && "flex column gaps")}>
             {children}
           </div>
         </div>