From c630319966d2db4f431200eb89c3d3b0ff248bc7 Mon Sep 17 00:00:00 2001
From: Er2 <er2@dismail.de>
Date: Sun, 20 Mar 2022 13:26:50 +0300
Subject: [PATCH] mobile mode fixes

---
 btfl.css | 27 +++++++++++++++------------
 1 file changed, 15 insertions(+), 12 deletions(-)

diff --git a/btfl.css b/btfl.css
index 74a2385..dc4ac02 100644
--- a/btfl.css
+++ b/btfl.css
@@ -43,7 +43,7 @@ div[aria-controls^="hypesquad"],
 div[class^="socialLinks-"],
 
 /* buttons on chat area */
-div[class^="channelTextArea-"] div div > div button:not([class^="emojiButton"]),
+div[class^="channelTextArea-"] div div > div button:not([class^="emojiButton"]):not([class^="attachButton-"]),
 [class^="stickerIcon-"],
 
 div[class^="toolbar-3_"] > :not([aria-label="Close"]),
@@ -239,6 +239,8 @@ section div[class^="children-"]
 
 /* mobile mode */
 @media screen and (max-device-width: 600px) {
+  /* FIXME: add close buttons to emoji panel, profile */
+
   [class^="channel-"] { max-width: unset; margin: 0 8px; }
   [class^="layer-"] { padding: 0; margin: auto; }
   [class^="layer-"] > [class^="container-"],
@@ -263,19 +265,20 @@ section div[class^="children-"]
     width: 100%; height: 100%;
   }
 
-  :not([class^="pill-"]) > [class*="item-"],
-  [class^="member-"],
-  #channels li,
-  [role="tab"],
-  div[class^="tabBarItem-"] {
-    margin-top: 16px !important;
-    padding: 0 8px;
-    font-size: 11pt;
+  [class^="side-"] > [class^="item-"] {
+    margin-top: 4px !important;
+    padding: 6px 10px !important;
   }
 
-  [class^="side-"] [class^="item-"] {
-    margin-top: 4px;
-    padding: 6px 10px;
+  [class^="side-"] > [class^="item-"],
+  :not([class*="pill"]):not([class*="Pill"]) > [class*="item-"],
+  :not([class*="pill"]):not([class*="Pill"]) > [role="tab"],
+  [class^="member-"],
+  #channels li,
+  div[class^="tabBarItem-"] {
+    margin-top: 16px;
+    padding: 0 8px;
+    font-size: 11pt;
   }
 }