From f08d52a0985313972373279c4279a072bea9bffe Mon Sep 17 00:00:00 2001
From: Zef Hemel <zef@zef.me>
Date: Sat, 17 Dec 2022 09:07:09 +0100
Subject: [PATCH] Fixes #209

---
 web/components/filter.tsx  | 8 +++++---
 web/styles/filter_box.scss | 6 ++++--
 web/styles/main.scss       | 2 ++
 3 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/web/components/filter.tsx b/web/components/filter.tsx
index 00b3d0f..95a7f6b 100644
--- a/web/components/filter.tsx
+++ b/web/components/filter.tsx
@@ -209,9 +209,11 @@ export function FilterList({
                   onSelect(option);
                 }}
               >
-                <span className="sb-icon">
-                  {Icon && <Icon width={16} height={16} />}
-                </span>
+                {Icon && (
+                  <span className="sb-icon">
+                    <Icon width={16} height={16} />
+                  </span>
+                )}
                 <span
                   className="sb-name"
                   dangerouslySetInnerHTML={{
diff --git a/web/styles/filter_box.scss b/web/styles/filter_box.scss
index cad1311..9c0dc61 100644
--- a/web/styles/filter_box.scss
+++ b/web/styles/filter_box.scss
@@ -19,6 +19,7 @@
   .sb-header {
     padding: 13px 10px 10px 10px;
     display: flex;
+
     label {
       color: var(--highlight-color);
       margin: 3px;
@@ -53,8 +54,9 @@
   .sb-selected-option {
     padding: 8px;
     cursor: pointer;
-    height: 20px;
+    // height: 20px;
     line-height: 20px;
+    // white-space: nowrap;
   }
 
   .sb-selected-option {
@@ -72,4 +74,4 @@
     padding-bottom: 3px;
     border-radius: 5px;
   }
-}
+}
\ No newline at end of file
diff --git a/web/styles/main.scss b/web/styles/main.scss
index 6b08761..3649a7f 100644
--- a/web/styles/main.scss
+++ b/web/styles/main.scss
@@ -85,6 +85,8 @@
         text-align: left;
         display: block;
         text-overflow: ellipsis;
+        // Action buttons width
+        margin-right: 140px;
       }
 
       input.sb-edit-page-name {