From 09e9ae544f2a7d778bc13c847c9c18cfb7bfb677 Mon Sep 17 00:00:00 2001
From: DL6ER <dl6er@dl6er.de>
Date: Mon, 1 Apr 2024 19:57:27 +0200
Subject: [PATCH] Add some defensive CSS to protect the textarea auto-sizing
 from getting into an undesirable visual state. Previously, inputs had a fair
 amount of fixed sizes, but after applying field-sizing: content, the inputs
 can become much too small or much too large.

Signed-off-by: DL6ER <dl6er@dl6er.de>
---
 style/pi-hole.css | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/style/pi-hole.css b/style/pi-hole.css
index 79b106f0..c2997864 100644
--- a/style/pi-hole.css
+++ b/style/pi-hole.css
@@ -1472,6 +1472,10 @@ table.dataTable tbody > tr > .selected {
   }
 }
 
-.field-sizing-content {
+textarea.field-sizing-content {
+  min-block-size: 3.5rlh;
+  max-block-size: 20rlh;
+  min-inline-size: 20ch;
+  max-inline-size: 50ch;
   field-sizing: content;
 }