From 41923ef500dfa09d16800f8ca5f69007db14f496 Mon Sep 17 00:00:00 2001
From: MickaelK <mickael@kerjean.me>
Date: Mon, 6 Jan 2025 15:46:14 +1100
Subject: [PATCH] fix (firefox): input sizing across browser

before this, there was some annoying discrepencies with the way Firefox
would render input compared to chrome. Unfortunatly we couldn't find a
better way than fixing the height to fix it up
---
 public/assets/css/designsystem_input.css |  2 ++
 public/assets/pages/adminpage/index.css  | 10 +++++++---
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/public/assets/css/designsystem_input.css b/public/assets/css/designsystem_input.css
index 378ac25a..b673dc5c 100644
--- a/public/assets/css/designsystem_input.css
+++ b/public/assets/css/designsystem_input.css
@@ -14,7 +14,9 @@
   color: inherit;
   border-bottom: 2px solid rgba(70, 99, 114, 0.1);
   transition: border-color 0.2s ease-out;
+  height: 31px;
 }
+
 .component_input:focus, .component_select:focus, .component_input:focus ~ component-icon img {
     border-color: var(--emphasis-primary)!important;
 }
diff --git a/public/assets/pages/adminpage/index.css b/public/assets/pages/adminpage/index.css
index 76fb322c..db0941cc 100644
--- a/public/assets/pages/adminpage/index.css
+++ b/public/assets/pages/adminpage/index.css
@@ -146,18 +146,22 @@
     border-radius: 3px;
     padding-left: 5px;
 }
+.component_page_admin .formbuilder .component_input,
+.component_page_admin .formbuilder .component_select{
+    height: 33px;
+}
 .component_page_admin .formbuilder .component_input:not([disabled]):hover,
 .component_page_admin .formbuilder .component_input:not([disabled]):focus,
 .component_page_admin .formbuilder .component_textarea:not([disabled]):hover,
 .component_page_admin .formbuilder .component_textarea:not([disabled]):focus,
 .component_page_admin .formbuilder .component_select:not([disabled]):hover,
 .component_page_admin .formbuilder .component_select:not([disabled]):focus {
-    background: rgba(0, 0, 0, 0.07);
+    background: rgba(0, 0, 0, 0.08);
 }
 .component_page_admin form .formbuilder_password:focus-within img.component_icon,
 .component_page_admin form .formbuilder_password:hover img.component_icon{
     border-color: rgba(0, 0, 0, 0.05);
-    background: rgba(0, 0, 0, 0.07);
+    background: rgba(0, 0, 0, 0.08);
 }
 .component_page_admin .formbuilder .formbuilder_password .component_input {
     border-right: none;
@@ -168,7 +172,7 @@
     border: 2px solid rgba(0, 0, 0, 0.05);
     height: 19px;
     border-left: none;
-    background: rgba(0, 0, 0, 0.05);
+    background: rgba(0, 0, 0, 0.07);
     border-top-right-radius: 3px;
     border-bottom-right-radius: 3px;
     padding-right: 5px;