From 70b008e3d5f38ab686348b0774ea1199d68495b4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nile=CC=81ane?= <nileanedorffer@gmail.com>
Date: Thu, 26 Sep 2024 16:11:00 +0200
Subject: [PATCH] Fixed filtered notifications select row on mobile

---
 TangerineUI-cherry.css | 13 +++++++++++++
 TangerineUI-lagoon.css | 13 +++++++++++++
 TangerineUI-purple.css | 13 +++++++++++++
 TangerineUI.css        | 13 +++++++++++++
 4 files changed, 52 insertions(+)

diff --git a/TangerineUI-cherry.css b/TangerineUI-cherry.css
index b26ff9a..00b7e07 100644
--- a/TangerineUI-cherry.css
+++ b/TangerineUI-cherry.css
@@ -3665,6 +3665,14 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
         box-shadow: none;
         border-radius: 0;
     }
+    .app-body .column-header__select-row {
+        border-color: var(--color-lines);
+        background-color: var(--color-content-secondary-bg);
+        position: absolute;
+        inset-inline-start: -45px;
+        inset-inline-end: -55px;
+        border-width: 0 0 1px;
+    }
 }
 .app-body .column-header__collapsible-inner {
     border: 0;
@@ -5428,6 +5436,11 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
 .app-body .notification-request {
     padding-top: 15px;
 }
+@media screen and (max-width:1174px) {
+    .app-body .notification-request {
+        margin-top: 60px;
+    }
+}
 .app-body .notification-group {
     padding: 16px 23px;
 }
diff --git a/TangerineUI-lagoon.css b/TangerineUI-lagoon.css
index b8aeecd..3946412 100644
--- a/TangerineUI-lagoon.css
+++ b/TangerineUI-lagoon.css
@@ -3665,6 +3665,14 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
         box-shadow: none;
         border-radius: 0;
     }
+    .app-body .column-header__select-row {
+        border-color: var(--color-lines);
+        background-color: var(--color-content-secondary-bg);
+        position: absolute;
+        inset-inline-start: -45px;
+        inset-inline-end: -55px;
+        border-width: 0 0 1px;
+    }
 }
 .app-body .column-header__collapsible-inner {
     border: 0;
@@ -5428,6 +5436,11 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
 .app-body .notification-request {
     padding-top: 15px;
 }
+@media screen and (max-width:1174px) {
+    .app-body .notification-request {
+        margin-top: 60px;
+    }
+}
 .app-body .notification-group {
     padding: 16px 23px;
 }
diff --git a/TangerineUI-purple.css b/TangerineUI-purple.css
index a72a13f..cef6ae6 100644
--- a/TangerineUI-purple.css
+++ b/TangerineUI-purple.css
@@ -3665,6 +3665,14 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
         box-shadow: none;
         border-radius: 0;
     }
+    .app-body .column-header__select-row {
+        border-color: var(--color-lines);
+        background-color: var(--color-content-secondary-bg);
+        position: absolute;
+        inset-inline-start: -45px;
+        inset-inline-end: -55px;
+        border-width: 0 0 1px;
+    }
 }
 .app-body .column-header__collapsible-inner {
     border: 0;
@@ -5428,6 +5436,11 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
 .app-body .notification-request {
     padding-top: 15px;
 }
+@media screen and (max-width:1174px) {
+    .app-body .notification-request {
+        margin-top: 60px;
+    }
+}
 .app-body .notification-group {
     padding: 16px 23px;
 }
diff --git a/TangerineUI.css b/TangerineUI.css
index 762173b..e91f2de 100644
--- a/TangerineUI.css
+++ b/TangerineUI.css
@@ -3665,6 +3665,14 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
         box-shadow: none;
         border-radius: 0;
     }
+    .app-body .column-header__select-row {
+        border-color: var(--color-lines);
+        background-color: var(--color-content-secondary-bg);
+        position: absolute;
+        inset-inline-start: -45px;
+        inset-inline-end: -55px;
+        border-width: 0 0 1px;
+    }
 }
 .app-body .column-header__collapsible-inner {
     border: 0;
@@ -5428,6 +5436,11 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
 .app-body .notification-request {
     padding-top: 15px;
 }
+@media screen and (max-width:1174px) {
+    .app-body .notification-request {
+        margin-top: 60px;
+    }
+}
 .app-body .notification-group {
     padding: 16px 23px;
 }