From 089af801fb5ada7c024441ecf192099b8bb7d9a0 Mon Sep 17 00:00:00 2001
From: Pranav Joglekar <pranav2000joglekar@gmail.com>
Date: Sat, 19 Dec 2020 02:15:14 +0530
Subject: [PATCH] ui: Make the set status modal mobile responsive.

The set status modal to add/remove/update user status was not
visible properly on devices with a small width. This commit fixes
the issue by adding appropriate media queries to the css to make
the modal mobile responsive.

Fixes part of #16817.
---
 static/styles/user_status.css | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/static/styles/user_status.css b/static/styles/user_status.css
index c12cab8c92..9267c09869 100644
--- a/static/styles/user_status.css
+++ b/static/styles/user_status.css
@@ -7,10 +7,17 @@
         border-radius: 4px;
         overflow: hidden;
         background-color: hsl(0, 0%, 100%);
+
+        @media (max-width: 384px) {
+            width: 100%;
+        }
     }
 
     input.user_status {
         width: 336px;
+        @media (max-width: 384px) {
+            width: 94%;
+        }
     }
 
     .user-status-header {