From 067db76abe0eae7a1c6b4e79a5a2f05615c0a391 Mon Sep 17 00:00:00 2001
From: Stephan Richter <s.richter@srsoftware.de>
Date: Tue, 1 Sep 2026 15:25:48 +0200
Subject: [PATCH] CSS improvements: fixing filter on kanban page

Signed-off-by: Stephan Richter <s.richter@srsoftware.de>
---
 web/src/main/resources/web/css/bloodshed-color.css | 4 ++++
 web/src/main/resources/web/css/bloodshed.css       | 9 ++++++---
 web/src/main/resources/web/css/default-color.css   | 4 ++++
 web/src/main/resources/web/css/default.css         | 6 ++++--
 web/src/main/resources/web/css/winter-color.css    | 5 +++++
 web/src/main/resources/web/css/winter.css          | 9 ++++++---
 6 files changed, 29 insertions(+), 8 deletions(-)

diff --git a/web/src/main/resources/web/css/bloodshed-color.css b/web/src/main/resources/web/css/bloodshed-color.css
index 6a5280f3..1818ce71 100644
--- a/web/src/main/resources/web/css/bloodshed-color.css
+++ b/web/src/main/resources/web/css/bloodshed-color.css
@@ -130,6 +130,10 @@ tr:hover .taglist .tag button {
     background-color: #d3ff00;
 }
 
+.kanban .filter{
+    background: rgba(0,0,0,0.7);
+ }
+
 .position_selector{
     background-color: rgba(0,0,0,0.7);
     backdrop-filter: blur(3px);
diff --git a/web/src/main/resources/web/css/bloodshed.css b/web/src/main/resources/web/css/bloodshed.css
index aee5975f..e5d8c762 100644
--- a/web/src/main/resources/web/css/bloodshed.css
+++ b/web/src/main/resources/web/css/bloodshed.css
@@ -15,9 +15,10 @@ body {
     background-position: 98% 70px;
     background-attachment: fixed;
 }
-
+.code,
 code {
     font-size: 16px;
+    font-family: monospace;
 }
 
 fieldset {
@@ -228,9 +229,11 @@ textarea{
 }
 
 .kanban .filter{
-    position: absolute;
-    top: 60px;
+    position: fixed;
+    top: 84px;
     right: 20px;
+    padding: 5px;
+    z-index: 100;
 }
 
 .kanban.description{
diff --git a/web/src/main/resources/web/css/default-color.css b/web/src/main/resources/web/css/default-color.css
index 71128cda..1fd26f40 100644
--- a/web/src/main/resources/web/css/default-color.css
+++ b/web/src/main/resources/web/css/default-color.css
@@ -141,6 +141,10 @@ code,
     background-color: #d3ff00;
 }
 
+.kanban .filter{
+    background: rgba(0,0,0,0.7);
+ }
+
 .position_selector{
     background-color: rgba(0,0,0,0.7);
     backdrop-filter: blur(3px);
diff --git a/web/src/main/resources/web/css/default.css b/web/src/main/resources/web/css/default.css
index 2c8bcc52..be1133d2 100644
--- a/web/src/main/resources/web/css/default.css
+++ b/web/src/main/resources/web/css/default.css
@@ -322,9 +322,11 @@ textarea{
 }
 
 .kanban .filter{
-    position: absolute;
-    top: 60px;
+    position: fixed;
+    top: 84px;
     right: 20px;
+    padding: 5px;
+    z-index: 100;
 }
 
 .kanban.description{
diff --git a/web/src/main/resources/web/css/winter-color.css b/web/src/main/resources/web/css/winter-color.css
index d825ba9e..33b274c6 100644
--- a/web/src/main/resources/web/css/winter-color.css
+++ b/web/src/main/resources/web/css/winter-color.css
@@ -68,6 +68,7 @@ tr:hover .taglist .tag button {
     color: black;
 }
 
+code,
 .code{
 	color: black;
 }
@@ -119,6 +120,10 @@ tr:hover .taglist .tag button {
     background-color: #d3ff00;
 }
 
+.kanban .filter{
+    background: rgba(255,255,255,0.7);
+ }
+
 .position_selector{
     background-color: rgba(0,0,0,0.7);
     backdrop-filter: blur(3px);
diff --git a/web/src/main/resources/web/css/winter.css b/web/src/main/resources/web/css/winter.css
index d26d1af4..721f85a7 100644
--- a/web/src/main/resources/web/css/winter.css
+++ b/web/src/main/resources/web/css/winter.css
@@ -15,9 +15,10 @@ body {
     background-position: 98% 70px;
     background-attachment: fixed;
 }
-
+.code,
 code {
     font-size: 16px;
+    font-family: monospace;
 }
 
 fieldset {
@@ -321,9 +322,11 @@ textarea{
 }
 
 .kanban .filter{
-    position: absolute;
-    top: 60px;
+    position: fixed;
+    top: 84px;
     right: 20px;
+    padding: 5px;
+    z-index: 100;
 }
 
 .kanban.description{