From 452027e53f15e47b50c50c6f9913c928713a118c Mon Sep 17 00:00:00 2001
From: anmoltripathi <anmol.tripathi@algoworks.com>
Date: Thu, 25 Feb 2021 16:09:47 +0530
Subject: [PATCH 1/3] update the nav style

---
 src/css/nav.css | 19 +++++++++++++------
 1 file changed, 13 insertions(+), 6 deletions(-)

diff --git a/src/css/nav.css b/src/css/nav.css
index 2605e022..1cb88e2a 100644
--- a/src/css/nav.css
+++ b/src/css/nav.css
@@ -30,8 +30,8 @@
 }
 
 .components_group-title {
-  padding: 15px 20px 15px 60px;
-  text-transform: capitalize;
+  padding: 15px 20px 15px 65px;
+  text-transform: uppercase;
   font-weight: 600;
   background: #d9ecfd url(../img/server-icon.png) no-repeat 20px center /35px;
 }
@@ -53,7 +53,7 @@
 
 .component_list-version {
   background: #eaebf1;
-  padding: 0.875rem 1.375rem;
+  padding: 1.25rem 1.375rem;
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -61,14 +61,20 @@
 
 .version_list {
   height: 30px;
+  border-radius: 10px;
+  padding: 0 10px;
+  box-sizing: border-box;
+  width: 75px;
+  font-weight: 600;
 }
 
 .component_list_title {
   font-weight: 600;
+  font-size: 1rem;
 }
 
 .menu_row {
-  padding: 0.475rem 1.375rem;
+  padding: 0.475rem 0 0.57rem 1.375rem;
   margin: 0;
   list-style: none;
 }
@@ -78,7 +84,7 @@
 }
 
 .menu_list {
-  padding: 0.25rem 0;
+  padding: 0.5rem 0;
 }
 
 .menu_line {
@@ -91,7 +97,7 @@
 }
 
 .menu_list[data-depth="0"] > .menu_line {
-  font-size: 1.25rem;
+  font-size: 1.05rem;
   line-height: 1.75rem;
   font-weight: var(--weight-semibold);
   color: var(--brand-color-gray1);
@@ -124,6 +130,7 @@
   word-break: break-word;
   font-family: 'Source Sans Pro', sans-serif;
   text-decoration: none;
+  padding: 0.25rem 0;
 }
 
 a.menu_link {

From b510020793ecfd31e8fd325e3c48ef8a871a719d Mon Sep 17 00:00:00 2001
From: anmoltripathi <anmol.tripathi@algoworks.com>
Date: Fri, 26 Feb 2021 10:07:41 +0530
Subject: [PATCH 2/3] update style of left navigation

---
 src/css/nav.css | 42 +++++++++++++++++-------------------------
 1 file changed, 17 insertions(+), 25 deletions(-)

diff --git a/src/css/nav.css b/src/css/nav.css
index 1cb88e2a..a19dd97e 100644
--- a/src/css/nav.css
+++ b/src/css/nav.css
@@ -30,10 +30,12 @@
 }
 
 .components_group-title {
-  padding: 15px 20px 15px 65px;
+  padding: 10px 20px 10px 50px;
   text-transform: uppercase;
   font-weight: 600;
-  background: #d9ecfd url(../img/server-icon.png) no-repeat 20px center /35px;
+  font-family: "Source Sans Pro", sans-serif;
+  font-size: 1.25rem;
+  background: #d9ecfd url(../img/server-icon.png) no-repeat 17px center /25px;
 }
 
 .components_group-title a {
@@ -53,7 +55,7 @@
 
 .component_list-version {
   background: #eaebf1;
-  padding: 1.25rem 1.375rem;
+  padding: 1.25rem;
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -70,7 +72,7 @@
 
 .component_list_title {
   font-weight: 600;
-  font-size: 1rem;
+  font-size: 1.125rem;
 }
 
 .menu_row {
@@ -84,7 +86,11 @@
 }
 
 .menu_list {
-  padding: 0.5rem 0;
+  padding: 1.25rem 0;
+}
+
+.menu_list:last-child {
+  padding-bottom: 0;
 }
 
 .menu_line {
@@ -92,33 +98,19 @@
 }
 
 .menu_list > .menu_line {
-  font-size: 1rem;
-  line-height: 1.5rem;
+  font-size: 1.125rem;
+  line-height: 1;
 }
 
 .menu_list[data-depth="0"] > .menu_line {
-  font-size: 1.05rem;
-  line-height: 1.75rem;
+  font-size: 1.25rem;
+  line-height: 1;
   font-weight: var(--weight-semibold);
   color: var(--brand-color-gray1);
 }
 
-/*
-.menu_list.is-parent:not([data-depth="0"]) > .menu_line::before {
-  content: "";
-  cursor: pointer;
-  display: block;
-  position: absolute;
-  width: 0;
-  height: 0;
-  border-top: 6px solid transparent;
-  border-bottom: 6px solid transparent;
-  border-left: 10px solid var(--color-brand-gray5);
-}
-*/
-
 .menu_list.is-current-page > .menu_line {
-  background: #4287d60f;
+  /* background: #4287d60f; */
   border-right: 4px solid rgba(66, 135, 214, 0.44);
   font-weight: var(--weight-semibold);
 }
@@ -130,7 +122,7 @@
   word-break: break-word;
   font-family: 'Source Sans Pro', sans-serif;
   text-decoration: none;
-  padding: 0.25rem 0;
+  /* padding: 0.25rem 0; */
 }
 
 a.menu_link {

From 7cfc7cd6c8971a5bdbcebab2ff30706efed0c7d9 Mon Sep 17 00:00:00 2001
From: anmoltripathi <anmol.tripathi@algoworks.com>
Date: Fri, 26 Feb 2021 10:16:31 +0530
Subject: [PATCH 3/3] update style of select box

---
 src/css/nav.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/css/nav.css b/src/css/nav.css
index a19dd97e..721bf62d 100644
--- a/src/css/nav.css
+++ b/src/css/nav.css
@@ -63,10 +63,10 @@
 
 .version_list {
   height: 30px;
-  border-radius: 10px;
+  border-radius: 8px;
   padding: 0 10px;
   box-sizing: border-box;
-  width: 75px;
+  width: 65px;
   font-weight: 600;
 }