From acafdb524df8d42f8796525c04dd88b4b20c3c7a 2015-11-07 13:43:48
From: Jean-Philippe Lang <jp_lang@yahoo.fr>
Date: 2015-11-07 13:43:48
Subject: [PATCH] Align watchers area well in mobile menu (#19097).

Patch by Felix Gliesche.

git-svn-id: http://svn.redmine.org/redmine/trunk@14822 e93f8b46-1217-0410-a6f0-8f06a7374b81

---

diff --git a/public/stylesheets/responsive.css b/public/stylesheets/responsive.css
index 4aadb47..3802fc5 100644
--- a/public/stylesheets/responsive.css
+++ b/public/stylesheets/responsive.css
@@ -417,6 +417,51 @@
         list-style: none;
     }
 
+    .flyout-menu #watchers
+    {
+        display: -webkit-flex;
+        display: -ms-flexbox;
+        display: -webkit-box;
+        display:         flex;
+                flex-direction: column;
+
+        -webkit-flex-direction: column;
+            -ms-flex-direction: column;
+        -webkit-box-orient: vertical;
+        -webkit-box-direction: normal;
+    }
+
+    .flyout-menu #watchers .contextual
+    {
+        -webkit-box-ordinal-group: 4;
+        -webkit-order: 3;
+        -ms-flex-order: 3;
+                order: 3;
+    }
+
+    .flyout-menu #watchers h3
+    {
+        margin-left: -8px;
+    }
+
+    .flyout-menu #watchers ul li
+    {
+        display: -webkit-flex;
+        display: -ms-flexbox;
+        display: -webkit-box;
+        display:         flex;
+                flex-direction: row;
+
+        -webkit-flex-direction: row;
+            -ms-flex-direction: row;
+        -webkit-box-orient: horizontal;
+        -webkit-box-direction: normal;
+        -webkit-align-items: center;
+        -ms-flex-align: center;
+        -webkit-box-align: center;
+                align-items: center;
+    }
+
     .flyout-menu ul li a
     {
         line-height: 40px;