From 899a25f3211fe2f98a663e2e34a87196c4b90b3b Mon Sep 17 00:00:00 2001
From: Lakshan Rukantha <64830641+LakshanRukantha@users.noreply.github.com>
Date: Tue, 17 Oct 2023 23:11:54 +0530
Subject: [PATCH 1/2] fix: Correct Navbar Height and Spacing Issues

---
 css/style.css | 46 ++++++++++++++++++++++++++++++----------------
 1 file changed, 30 insertions(+), 16 deletions(-)

diff --git a/css/style.css b/css/style.css
index 3f8bd778..79eff600 100644
--- a/css/style.css
+++ b/css/style.css
@@ -75,12 +75,16 @@ table {
 }
 
 header {
-  min-height: 70px;
+  min-height: 60px;
   color: #fff;
-  padding-top: 50px;
+  padding-top: 20px;
   background: #d3360b;
 }
 
+header .container .visible-desktop {
+  margin-right: 4rem;
+}
+
 header #logo {
   width: 240px;
   float: left;
@@ -90,13 +94,14 @@ nav {
   margin: 0 0 0 250px;
 }
 
-nav a, nav a:focus {
+nav a,
+nav a:focus {
   color: #fff;
   text-decoration: none;
   font-weight: 300;
   font-size: 20px;
   letter-spacing: 1px;
-  margin-left: 15px;
+  margin-left: 10px;
 }
 
 nav a:after {
@@ -134,6 +139,15 @@ footer p:last-child {
   margin-bottom: 0;
 }
 
+.nav {
+  margin-bottom: 0;
+  padding: 20px auto;
+}
+
+.visible-desktop .span3 {
+  margin-left: 0;
+}
+
 .guides-list {
   margin: 0;
   padding: 0;
@@ -242,15 +256,15 @@ i.icon-browser {
   line-height: 50px;
 }
 i.icon-text-editor {
-  background-image: url('/images/icon-text-editor.png');
+  background-image: url("/images/icon-text-editor.png");
 }
 
 i.icon-prompt {
-  background-image: url('/images/icon-prompt.png');
+  background-image: url("/images/icon-prompt.png");
 }
 
 i.icon-browser {
-  background-image: url('/images/icon-browser.png');
+  background-image: url("/images/icon-browser.png");
 }
 
 .text-center {
@@ -308,13 +322,13 @@ i.icon-small-browser {
   float: left;
 }
 i.icon-small-text-editor {
-  background-image: url('/images/icon-small-text-editor.png');
+  background-image: url("/images/icon-small-text-editor.png");
 }
 i.icon-small-prompt {
-  background-image: url('/images/icon-small-prompt.png');
+  background-image: url("/images/icon-small-prompt.png");
 }
 i.icon-small-browser {
-  background-image: url('/images/icon-small-browser.png');
+  background-image: url("/images/icon-small-browser.png");
 }
 
 .os-specific .picker {
@@ -356,7 +370,7 @@ i.icon-small-browser {
   margin-bottom: 20px;
   padding: 2px 10px;
 
-  border: 2px solid #DDD;
+  border: 2px solid #ddd;
   border-radius: 10px;
 }
 .os-specific.big .picker-options a.active,
@@ -481,27 +495,27 @@ nav a:hover {
   background-color: transparent;
 }
 
-[class*=-notice] {
+[class*="-notice"] {
   margin-bottom: 20px;
   padding: 10px 15px;
   font-size: 120%;
   border-radius: 10px;
 }
-[class*=-notice] :last-child {
+[class*="-notice"] :last-child {
   margin-bottom: 0;
 }
 .guide-notice {
-  background-color: #FEF8EA;
+  background-color: #fef8ea;
 }
 .help-notice {
-  background-color: #FEF8EA;
+  background-color: #fef8ea;
 }
 .help-notice:before {
   content: "ℹ️";
   margin-right: 10px;
 }
 .coach-notice {
-  border: 2px solid #8102BB;
+  border: 2px solid #8102bb;
 }
 .coach-notice > div {
   cursor: help;

From 113a5b49924f18622f69516e97efa124f81a99bb Mon Sep 17 00:00:00 2001
From: Lakshan Rukantha <64830641+LakshanRukantha@users.noreply.github.com>
Date: Wed, 18 Oct 2023 15:35:28 +0530
Subject: [PATCH 2/2] fix: 'Invalid property value' Error On Firefox By
 Removing The Unnecessary Padding Line

---
 css/style.css | 1 -
 1 file changed, 1 deletion(-)

diff --git a/css/style.css b/css/style.css
index 79eff600..e6213359 100644
--- a/css/style.css
+++ b/css/style.css
@@ -141,7 +141,6 @@ footer p:last-child {
 
 .nav {
   margin-bottom: 0;
-  padding: 20px auto;
 }
 
 .visible-desktop .span3 {