feat: wrap search option bubbles if not enough space (#918)

app/assets/stylesheets/_notes.scss

@@ -52,7 +52,6 @@
 
   .filter-section {
     clear: left;
-    max-height: 80px;
     margin-top: 10px;
     position: relative;
     display: flex;
@@ -77,14 +76,11 @@
     .search-options {
       margin-top: 10px;
 
-      display: grid;
-      grid-template-columns: repeat( 3, 1fr );
-      gap: .5rem;
+      display: flex;
+      flex-wrap: wrap;
+      gap: 0.5rem;
 
       font-size: var(--sn-stylekit-font-size-p);
-      white-space: nowrap;
-
-      overflow-x: auto;
     }
 
     #search-clear-button {
@@ -100,7 +96,7 @@
       line-height: 17px;
       text-align: center;
       position: absolute;
-      top: 20%;
+      top: 50%;
       transform: translateY(-50%);
       right: 10px;
       cursor: pointer;