From ac67f2296ca64968bf2a61d3b9ffe6bf61ad6764 Mon Sep 17 00:00:00 2001
From: Smug Bunny <3942672+VNRARA@users.noreply.github.com>
Date: Fri, 11 Jul 2025 04:48:57 +0200
Subject: [PATCH 1/2] Fixed filter-dropdown-menu going out of view (attempt1)

---
 src/components/MonitorListFilterDropdown.vue | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/src/components/MonitorListFilterDropdown.vue b/src/components/MonitorListFilterDropdown.vue
index 79d664af8..9ef8481cd 100644
--- a/src/components/MonitorListFilterDropdown.vue
+++ b/src/components/MonitorListFilterDropdown.vue
@@ -46,6 +46,14 @@ export default {
 @import "../assets/vars.scss";
 @import "../assets/app.scss";
 
+@media only screen and (max-width: 600px) {
+    header-filter > div > .dropdown:last-of-type > filter-dropdown-menu{
+        left: auto;
+        right: 0;
+        max-width: 80vw;
+    }
+}
+
 .filter-dropdown-menu {
     z-index: 100;
     transition: all 0.2s;
@@ -64,6 +72,7 @@ export default {
     opacity: 0;
     background: white;
 
+
     &.open {
         height: unset;
         visibility: inherit;
@@ -102,6 +111,9 @@ export default {
     }
 }
 
+
+
+
 .filter-dropdown-status {
     @extend .btn-outline-normal;
     display: flex;

From 2913fad19c630a848614b63aca60ecb231e0b221 Mon Sep 17 00:00:00 2001
From: Smug Bunny <3942672+VNRARA@users.noreply.github.com>
Date: Fri, 11 Jul 2025 05:09:25 +0200
Subject: [PATCH 2/2] Fixed filter-dropdown-menu: forgotten dots

Fixed filter-dropdown-menu: forgotten dots for correct classes
---
 src/components/MonitorListFilterDropdown.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/MonitorListFilterDropdown.vue b/src/components/MonitorListFilterDropdown.vue
index 9ef8481cd..fdea179c9 100644
--- a/src/components/MonitorListFilterDropdown.vue
+++ b/src/components/MonitorListFilterDropdown.vue
@@ -47,7 +47,7 @@ export default {
 @import "../assets/app.scss";
 
 @media only screen and (max-width: 600px) {
-    header-filter > div > .dropdown:last-of-type > filter-dropdown-menu{
+    .header-filter > div > .dropdown:last-of-type > .filter-dropdown-menu {
         left: auto;
         right: 0;
         max-width: 80vw;