From bc200cd73dacfeeccd4988ddcb4cb27c6c67b9a0 Mon Sep 17 00:00:00 2001
From: Hao U <haou0718@gmail.com>
Date: Thu, 3 Feb 2022 17:28:48 +0800
Subject: [PATCH 1/3] fix top bar back and forward buttons are not aligned

---
 Fluent/user.css | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/Fluent/user.css b/Fluent/user.css
index ea452a4..1e66c57 100644
--- a/Fluent/user.css
+++ b/Fluent/user.css
@@ -233,6 +233,7 @@ h3,
   margin-left: 60px;
   background-color: var(--spice-text) !important;
   padding: 5px;
+  align-self: center;
   width: 24px !important;
   height: 24px !important;
 }
@@ -241,6 +242,7 @@ h3,
   -webkit-mask-image: url('./fluentui-system-icons/ic_fluent_arrow_right_24_filled.svg');
   background-color: var(--spice-text) !important;
   padding: 5px;
+  align-self: center;
   width: 24px !important;
   height: 24px !important;
 }

From 1b8cb8a28fdd9699fa2d82ef272f35bb5d66ca1f Mon Sep 17 00:00:00 2001
From: Hao U <haou0718@gmail.com>
Date: Thu, 3 Feb 2022 17:33:37 +0800
Subject: [PATCH 2/3] fix too long width bugs of library tab bar

---
 Fluent/user.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/Fluent/user.css b/Fluent/user.css
index 1e66c57..0848157 100644
--- a/Fluent/user.css
+++ b/Fluent/user.css
@@ -221,7 +221,7 @@ h3,
 
 .queue-tabBar-header {
   text-align: center;
-  min-width: 500px;
+  min-width: 100px;
 }
 
 .queue-tabBar-headerItemLink {

From 3f7050953a2573f835874c3663ef9aadd5e5af73 Mon Sep 17 00:00:00 2001
From: Hao U <haou0718@gmail.com>
Date: Thu, 3 Feb 2022 17:36:40 +0800
Subject: [PATCH 3/3] fix library section search icon dislocation bug

---
 Fluent/user.css | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/Fluent/user.css b/Fluent/user.css
index 0848157..9e934ce 100644
--- a/Fluent/user.css
+++ b/Fluent/user.css
@@ -1668,3 +1668,8 @@ option {
 .main-topBar-button[title="Bookmark"] {
   background-color: var(--spice-card) !important;
 }
+
+.contentSpacing div[role="search"] > div > span {
+  margin-right: auto;
+  flex: 0;
+}