From cf8e380f655d669190c70bd51b18fcd90c7bfc6e Mon Sep 17 00:00:00 2001
From: szaimen <szaimen@e.mail.de>
Date: Fri, 9 Jul 2021 10:13:15 +0200
Subject: make user status usable on mobile

Signed-off-by: szaimen <szaimen@e.mail.de>
Signed-off-by: npmbuildbot-nextcloud[bot] <npmbuildbot-nextcloud[bot]@users.noreply.github.com>
---
 apps/user_status/src/components/SetStatusModal.vue | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

(limited to 'apps/user_status/src/components/SetStatusModal.vue')

diff --git a/apps/user_status/src/components/SetStatusModal.vue b/apps/user_status/src/components/SetStatusModal.vue
index 0613a2be38c..50fa79b4cc5 100644
--- a/apps/user_status/src/components/SetStatusModal.vue
+++ b/apps/user_status/src/components/SetStatusModal.vue
@@ -238,7 +238,6 @@ export default {
 
 <style lang="scss" scoped>
 .set-status-modal {
-	min-width: 500px;
 	min-height: 200px;
 	padding: 8px 20px 20px 20px;
 	// Enable scrollbar for too long content, same way as in Dashboard customize
@@ -282,4 +281,10 @@ export default {
 	}
 }
 
+@media only screen and (max-width: 500px) {
+	.set-status-modal__online-status {
+		grid-template-columns: none !important;
+	}
+}
+
 </style>
-- 
cgit v1.2.3

