From c98683e573e7a2b1952c1b9fb6e7af216712c930 Mon Sep 17 00:00:00 2001
From: Pierre HUBERT <pierre@mail.local>
Date: Wed, 1 Aug 2018 06:33:02 +0200
Subject: [PATCH] Improved groups page responsiveness.

---
 assets/css/pages/groups/pages/main.css | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/assets/css/pages/groups/pages/main.css b/assets/css/pages/groups/pages/main.css
index 1b746dec..69160c38 100644
--- a/assets/css/pages/groups/pages/main.css
+++ b/assets/css/pages/groups/pages/main.css
@@ -27,6 +27,7 @@
 
 .groups-main-page .group-item .group-name {
     width: 180px;
+    vertical-align: middle;
 }
 
 .groups-main-page .group-item .buttons-area {
@@ -39,4 +40,15 @@
 
 .groups-main-page .group-item .buttons-area .fa:active {
     color: black;
-}
\ No newline at end of file
+}
+
+@media screen and (max-width: 450px){
+
+    .groups-main-page {
+        max-width: 317px;
+    }
+
+    .groups-main-page .group-item .group-name {
+        width: 120px;
+    }
+}