From af0073b014e5ba2deb36d82cc7182cc2eea41384 Mon Sep 17 00:00:00 2001
From: Oliver Smith <ollieparanoid@postmarketos.org>
Date: Sat, 27 Nov 2021 22:26:45 +0100
Subject: [PATCH] userChrome/findbar: rework for FF 94 (MR 19)

Use multiple lines now, instead of making fonts tiny and hiding buttons.
---
 src/userChrome/findbar.css | 33 ++++++++++++++-------------------
 1 file changed, 14 insertions(+), 19 deletions(-)

diff --git a/src/userChrome/findbar.css b/src/userChrome/findbar.css
index d0bcfc4..94298ad 100644
--- a/src/userChrome/findbar.css
+++ b/src/userChrome/findbar.css
@@ -2,26 +2,21 @@
  * SPDX-License-Identifier: GPL-3.0-or-later */
 
 @media (max-width: 700px) {
-    /* Findbar */
-    [anonid="findbar-textbox-wrapper"] {
-        min-width: 160px;
-        width: 160px;
+    .findbar-container {
+        display: flex;
+        flex-direction: row;
+        flex-wrap: wrap;
+        height: 150px !important;
     }
-    [anonid="findbar-textbox"] {
-        max-width: 100px;
-        min-width: 100px;
-        width: 100px;
+
+    .findbar-textbox {
+        /* Overwrite fixed size, so the X on the right shows up */
+        width: 100% !important;
     }
-    .findbar-button {
-        font-size: 6pt;
-    }
-    /* Save space */
-    .findbar-match-diacritics,
-    .findbar-entire-word,
-    .found-matches,
-    .findbar-find-status,
-    .find-status-icon
-    {
-        display: none;
+
+    .findbar-container checkbox {
+        /* Add space around the buttons, looks nicer and makes it easier to hit
+         * them with the finger. */
+        padding: 10px 0px;
     }
 }