From 804cc652fb91d08c9af5b5624cb1ce2819d6b207 Mon Sep 17 00:00:00 2001
From: Jovyn Tan <jovyn.tls@gmail.com>
Date: Tue, 12 Apr 2022 14:58:50 +0800
Subject: [PATCH 1/4] Fix searchbar alignment

'right: 0' works most of the time,
however it breaks with some Bootswatch
themes. Adding 'left: auto' fixes it.
---
 packages/vue-components/src/Searchbar.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/vue-components/src/Searchbar.vue b/packages/vue-components/src/Searchbar.vue
index e8283d8f1b..fae93ffd0d 100644
--- a/packages/vue-components/src/Searchbar.vue
+++ b/packages/vue-components/src/Searchbar.vue
@@ -262,6 +262,7 @@ export default {
 
     .dropdown-menu-end {
         right: 0;
+        left: auto;
     }
 </style>
 

From 82d4f5c85a59314b07d19ad257c6289988036560 Mon Sep 17 00:00:00 2001
From: Jovyn Tan <jovyn.tls@gmail.com>
Date: Tue, 12 Apr 2022 15:47:45 +0800
Subject: [PATCH 2/4] Fix heading logo spacing

---
 packages/vue-components/src/Navbar.vue | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/packages/vue-components/src/Navbar.vue b/packages/vue-components/src/Navbar.vue
index c4aa9fb166..cf2f33ed4a 100644
--- a/packages/vue-components/src/Navbar.vue
+++ b/packages/vue-components/src/Navbar.vue
@@ -356,9 +356,7 @@ export default {
         display: inline-block;
         font-size: 1.25rem;
         line-height: inherit;
-        padding-right: 1rem;
-        padding-top: 0.3125rem;
-        padding-bottom: 0.3125rem;
+        padding: 0.3125rem 1rem;
         white-space: nowrap;
     }
 

From cb7c82bab00ba7b2fcad905a47a50ee7191434d5 Mon Sep 17 00:00:00 2001
From: Jovyn Tan <jovyn.tls@gmail.com>
Date: Tue, 12 Apr 2022 16:26:18 +0800
Subject: [PATCH 3/4] Fix navbar spacing

---
 packages/vue-components/src/Navbar.vue | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/packages/vue-components/src/Navbar.vue b/packages/vue-components/src/Navbar.vue
index cf2f33ed4a..94fe95fc3f 100644
--- a/packages/vue-components/src/Navbar.vue
+++ b/packages/vue-components/src/Navbar.vue
@@ -349,8 +349,20 @@ export default {
         >>> .dropdown {
             display: flex;
             align-items: center;
+    }
+
+        .container-fluid {
+            padding: 0;
         }
     }
+    
+    .navbar-brand {
+      display: inline-block;
+    }
+
+    .navbar-right {
+      padding-right: 1rem;
+    }
 
     .navbar-left {
         display: inline-block;

From 268f35bb335cf8cf5b1dfd5717d45ff5de695764 Mon Sep 17 00:00:00 2001
From: Jovyn Tan <jovyn.tls@gmail.com>
Date: Tue, 12 Apr 2022 16:27:35 +0800
Subject: [PATCH 4/4] Linting

---
 packages/vue-components/src/Navbar.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/vue-components/src/Navbar.vue b/packages/vue-components/src/Navbar.vue
index 94fe95fc3f..4fca70eea1 100644
--- a/packages/vue-components/src/Navbar.vue
+++ b/packages/vue-components/src/Navbar.vue
@@ -349,19 +349,19 @@ export default {
         >>> .dropdown {
             display: flex;
             align-items: center;
-    }
+        }
 
         .container-fluid {
             padding: 0;
         }
     }
-    
+
     .navbar-brand {
-      display: inline-block;
+        display: inline-block;
     }
 
     .navbar-right {
-      padding-right: 1rem;
+        padding-right: 1rem;
     }
 
     .navbar-left {