From 223509ca6d627a5b69ecbc439725fa5161ccd0dc Mon Sep 17 00:00:00 2001
From: amirhouieh <amir@status.im>
Date: Mon, 10 Oct 2022 18:24:17 +0200
Subject: [PATCH] ihor design adjustments, close #62

---
 docs/blog.mdx                                          |  1 -
 .../mdx/ExternalReferenceCard/style.module.scss        |  2 ++
 src/components/mdx/FeatureCard/style.module.scss       |  7 +++++--
 src/components/mdx/FeatureList/style.module.scss       |  4 ----
 src/css/custom.scss                                    | 10 +++++++---
 src/theme/Navbar/Content/styles.module.scss            |  3 +++
 src/theme/Navbar/index.scss                            |  3 +++
 7 files changed, 20 insertions(+), 10 deletions(-)

diff --git a/docs/blog.mdx b/docs/blog.mdx
index d7cbaae..dd7f4e7 100644
--- a/docs/blog.mdx
+++ b/docs/blog.mdx
@@ -4,5 +4,4 @@ title: Blog
 ---
 import {BlogPosts} from '@site/src/components/mdx/BlogPosts';
 
-# Recent Blog Posts
 <BlogPosts/>
diff --git a/src/components/mdx/ExternalReferenceCard/style.module.scss b/src/components/mdx/ExternalReferenceCard/style.module.scss
index c5c084b..f8bf20a 100644
--- a/src/components/mdx/ExternalReferenceCard/style.module.scss
+++ b/src/components/mdx/ExternalReferenceCard/style.module.scss
@@ -32,7 +32,9 @@
     }
 
     .exrefText {
+      margin-top: calc(var(--ifm-leading) / 2);
       font-size: var(--ifm-h3-font-size);
+      line-height: 1.5rem;
       padding-right: 40px;
       margin-bottom: calc(2 * var(--ifm-paragraph-margin-bottom));
     }
diff --git a/src/components/mdx/FeatureCard/style.module.scss b/src/components/mdx/FeatureCard/style.module.scss
index 188103b..429d5b6 100644
--- a/src/components/mdx/FeatureCard/style.module.scss
+++ b/src/components/mdx/FeatureCard/style.module.scss
@@ -19,7 +19,7 @@
   .cardHeader {
     padding: 0;
     display: flex;
-    column-gap: var(--ifm-spacing-horizontal);
+    column-gap: var(--ifm-alert-padding-vertical);
     align-items: center;
   }
 
@@ -32,6 +32,8 @@
     display: flex;
     align-items: center;
     justify-content: center;
+    flex-basis: 40px;
+    flex-shrink: 0;
   }
 
   .cardDescription {
@@ -42,6 +44,7 @@
 
 @media (max-width: 576px) {
   .cardTitle {
-    font-size: var(--ifm-h2-font-size) !important;
+    padding-right: 40px;
+    //font-size: var(--ifm-h2-font-size) !important;
   }
 }
diff --git a/src/components/mdx/FeatureList/style.module.scss b/src/components/mdx/FeatureList/style.module.scss
index 2a8b07f..173c585 100644
--- a/src/components/mdx/FeatureList/style.module.scss
+++ b/src/components/mdx/FeatureList/style.module.scss
@@ -22,9 +22,5 @@
     > * {
       grid-column: 1/1 !important;
     }
-
-    h4 {
-      max-width: 170px;
-    }
   }
 }
diff --git a/src/css/custom.scss b/src/css/custom.scss
index e8cc8eb..d2eeb11 100644
--- a/src/css/custom.scss
+++ b/src/css/custom.scss
@@ -14,9 +14,9 @@
   /*--ifm-dark-value: 10%;*/
   /*--ifm-darker-value: 15%;*/
   /*--ifm-darkest-value: 30%;*/
-  /*--ifm-light-value: 15%;*/
-  /*--ifm-lighter-value: 30%;*/
-  /*--ifm-lightest-value: 50%;*/
+  /*--ifm-light-value: -15%;*/
+  /*--ifm-lighter-value: -30%;*/
+  /*--ifm-lightest-value: -50%;*/
 
   --ifm-background-color: #f8f8fa;
 
@@ -259,6 +259,10 @@ small {
   padding: var(--ifm-alert-padding-vertical) var(--ifm-alert-padding-horizontal);
 }
 
+.table-of-contents__left-border {
+  border: none !important;
+}
+
 @media (max-width: 576px) {
   :root {
     --ifm-global-spacing: 0.5rem;
diff --git a/src/theme/Navbar/Content/styles.module.scss b/src/theme/Navbar/Content/styles.module.scss
index 50f18fc..fa7b7b0 100644
--- a/src/theme/Navbar/Content/styles.module.scss
+++ b/src/theme/Navbar/Content/styles.module.scss
@@ -18,6 +18,9 @@
   & > .headerMiddle {
     justify-content: space-between;
     flex-grow: 1;
+    background: var(--ifm-color-white);
+    padding-top: var(--ifm-navbar-padding-vertical);
+    //padding-bottom: var(--ifm-navbar-padding-vertical);
   }
 }
 
diff --git a/src/theme/Navbar/index.scss b/src/theme/Navbar/index.scss
index c03137b..b3f1f89 100644
--- a/src/theme/Navbar/index.scss
+++ b/src/theme/Navbar/index.scss
@@ -10,6 +10,9 @@
   --ifm-navbar-padding-horizontal: 0px;
   --ifm-navbar-padding-vertical: 0.5rem;
 
+  padding-top: 0;
+  padding-bottom: 0;
+
   background: none;
 }