From 68c75fbfd2b7016446dd25b0e9ef388ed5729205 Mon Sep 17 00:00:00 2001
From: Gazook89 <John.W.Jones89@gmail.com>
Date: Sun, 6 Oct 2024 22:16:46 -0500
Subject: [PATCH] adjust CSS to support Firefox

Set's a non-ideal but functional css style for the box when using Firefox so the box is at least visible.
---
 client/components/anchoredBox.less | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/client/components/anchoredBox.less b/client/components/anchoredBox.less
index 0f0042ee1..153cf84a6 100644
--- a/client/components/anchoredBox.less
+++ b/client/components/anchoredBox.less
@@ -1,14 +1,19 @@
 .anchored-trigger {
-	anchor-name: --view-settings;
+	@supports (anchor-name: --view-settings){
+		anchor-name: --view-settings;
+	}
 	&.active {
 		background-color: #444444;
 	}
 
 }
 .anchored-box {
-	position-anchor: --view-settings;
 	position:absolute;
-	inset-block-start: anchor(bottom);
+	top: 30px;
+	@supports (position-anchor: --view-settings){
+		position-anchor: --view-settings;
+		inset-block-start: anchor(bottom);
+	}
 	justify-self: anchor-center;
 	visibility: hidden;
 	&.active {