From e960b1c732c7f5ad416f089c98791bdd431d84f3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nil=C3=A9ane?= <nileanedorffer@gmail.com>
Date: Mon, 25 Dec 2023 17:31:50 +0100
Subject: [PATCH] Updated styling for the profiles directory

---
 TangerineUI-cherry.css | 13 +++++++++++--
 TangerineUI-purple.css | 13 +++++++++++--
 TangerineUI.css        | 13 +++++++++++--
 3 files changed, 33 insertions(+), 6 deletions(-)

diff --git a/TangerineUI-cherry.css b/TangerineUI-cherry.css
index c143662..50a48d0 100644
--- a/TangerineUI-cherry.css
+++ b/TangerineUI-cherry.css
@@ -3762,13 +3762,22 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     color: var(--color-accent);
 }
 .app-body .filter-form {
-    background-color: var(--color-accent-bg);
-    border-radius: 8px;
+    background-color: var(--color-content-secondary-bg);
+    border-radius: 0 0 8px 8px;
     margin-bottom: 10px;
+    border: 1px solid var(--color-lines);
 }
 .app-body .filter-form__column {
     padding: 10px 15px;
 }
+@media screen and (max-width:884px) {
+    .app-body .filter-form {
+        border-left: 0;
+        border-right: 0;
+        border-bottom-left-radius: 0;
+        border-bottom-right-radius: 0;
+    }
+}
 
 /* 📰 Trending stories */
 .app-body .story {
diff --git a/TangerineUI-purple.css b/TangerineUI-purple.css
index 3fe24f1..a50eb7d 100644
--- a/TangerineUI-purple.css
+++ b/TangerineUI-purple.css
@@ -3762,13 +3762,22 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     color: var(--color-accent);
 }
 .app-body .filter-form {
-    background-color: var(--color-accent-bg);
-    border-radius: 8px;
+    background-color: var(--color-content-secondary-bg);
+    border-radius: 0 0 8px 8px;
     margin-bottom: 10px;
+    border: 1px solid var(--color-lines);
 }
 .app-body .filter-form__column {
     padding: 10px 15px;
 }
+@media screen and (max-width:884px) {
+    .app-body .filter-form {
+        border-left: 0;
+        border-right: 0;
+        border-bottom-left-radius: 0;
+        border-bottom-right-radius: 0;
+    }
+}
 
 /* 📰 Trending stories */
 .app-body .story {
diff --git a/TangerineUI.css b/TangerineUI.css
index 522cb70..bce6d00 100644
--- a/TangerineUI.css
+++ b/TangerineUI.css
@@ -3762,13 +3762,22 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     color: var(--color-accent);
 }
 .app-body .filter-form {
-    background-color: var(--color-accent-bg);
-    border-radius: 8px;
+    background-color: var(--color-content-secondary-bg);
+    border-radius: 0 0 8px 8px;
     margin-bottom: 10px;
+    border: 1px solid var(--color-lines);
 }
 .app-body .filter-form__column {
     padding: 10px 15px;
 }
+@media screen and (max-width:884px) {
+    .app-body .filter-form {
+        border-left: 0;
+        border-right: 0;
+        border-bottom-left-radius: 0;
+        border-bottom-right-radius: 0;
+    }
+}
 
 /* 📰 Trending stories */
 .app-body .story {