Fixes #209

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={{

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;
   }
-}
+}

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 {