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

This reverts commit be6a9fdb34.

app/assets/javascripts/components/Bubble.tsx

@@ -12,7 +12,8 @@ const styles = {
 
 const Bubble = ({ label, selected, onSelect }: BubbleProperties) => (
   <span
-    className={`${styles.base} ${
+    role="tab"
+    className={`bubble ${styles.base} ${
       selected ? styles.selected : styles.unselected
     }`}
     onClick={onSelect}

app/assets/javascripts/components/NotesView.tsx

@@ -182,7 +182,7 @@ export const NotesView: FunctionComponent<Props> = observer(
                 </button>
               </div>
               <div className="filter-section" role="search">
-                <div className="relative">
+                <div>
                   <input
                     type="text"
                     id="search-bar"

app/assets/javascripts/components/SearchOptions.tsx

@@ -19,7 +19,11 @@ export const SearchOptions = observer(({ appState }: Props) => {
   }
 
   return (
-    <div className="search-options" onMouseDown={(e) => e.preventDefault()}>
+    <div
+      role="tablist"
+      className="search-options justify-center"
+      onMouseDown={(e) => e.preventDefault()}
+    >
       <Bubble
         label="Protected Contents"
         selected={includeProtectedContents}