update the nav style (PR #96)

Author: anmol-algo

src/css/nav.css

@@ -30,10 +30,12 @@
 }
 
 .components_group-title {
-  padding: 15px 20px 15px 60px;
-  text-transform: capitalize;
+  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,22 +55,28 @@
 
 .component_list-version {
   background: #eaebf1;
-  padding: 0.875rem 1.375rem;
+  padding: 1.25rem;
   display: flex;
   justify-content: space-between;
   align-items: center;
 }
 
 .version_list {
   height: 30px;
+  border-radius: 8px;
+  padding: 0 10px;
+  box-sizing: border-box;
+  width: 65px;
+  font-weight: 600;
 }
 
 .component_list_title {
   font-weight: 600;
+  font-size: 1.125rem;
 }
 
 .menu_row {
-  padding: 0.475rem 1.375rem;
+  padding: 0.475rem 0 0.57rem 1.375rem;
   margin: 0;
   list-style: none;
 }
@@ -78,41 +86,31 @@
 }
 
 .menu_list {
-  padding: 0.25rem 0;
+  padding: 1.25rem 0;
+}
+
+.menu_list:last-child {
+  padding-bottom: 0;
 }
 
 .menu_line {
   display: block;
 }
 
 .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.25rem;
-  line-height: 1.75rem;
+  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);
 }
@@ -124,6 +122,7 @@
   word-break: break-word;
   font-family: 'Source Sans Pro', sans-serif;
   text-decoration: none;
+  /* padding: 0.25rem 0; */
 }
 
 a.menu_link {