From d8e22f91671ccb0445cbd499b2474504629489b8 Mon Sep 17 00:00:00 2001
From: Ayush Kumar <2580ayush2580@gmail.com>
Date: Tue, 19 Jan 2021 19:41:18 +0530
Subject: [PATCH] Improve room directory UX for mobile devices

---
 res/css/structures/_RoomDirectory.scss | 37 ++++++++++++++++++++++++++
 1 file changed, 37 insertions(+)

diff --git a/res/css/structures/_RoomDirectory.scss b/res/css/structures/_RoomDirectory.scss
index 29e6fecd34..a683c1d8f7 100644
--- a/res/css/structures/_RoomDirectory.scss
+++ b/res/css/structures/_RoomDirectory.scss
@@ -161,3 +161,40 @@ limitations under the License.
         padding: 0;
     }
 }
+
+@media screen and (max-width: 600px) {
+    .mx_RoomDirectory_table tr {
+        margin-bottom: 15px !important;
+    }
+
+    .mx_RoomDirectory_roomMemberCount {
+        padding: 0px;
+    }
+
+    .mx_AccessibleButton_kind_secondary {
+        padding: 0px !important;
+    }
+
+    .mx_RoomDirectory_join {
+        margin-left: 0px;
+    }
+
+    .mx_RoomDirectory_alias {
+        margin-top: 10px;
+        margin-bottom: 10px;
+    }
+
+    .mx_RoomDirectory_roomDescription {
+        padding-bottom: 0px;
+    }
+
+    .mx_RoomDirectory_name {
+        margin-bottom: 5px;
+    }
+
+    .mx_RoomDirectory_table tr td {
+        margin-top: 5px !important;
+        display: block;
+        text-align: left;
+    }
+}
\ No newline at end of file