From acafdb524df8d42f8796525c04dd88b4b20c3c7a Mon Sep 17 00:00:00 2001
From: Jean-Philippe Lang <jp_lang@yahoo.fr>
Date: Sat, 7 Nov 2015 13:43:48 +0000
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
---
 public/stylesheets/responsive.css | 45 +++++++++++++++++++++++++++++++
 1 file changed, 45 insertions(+)

diff --git a/public/stylesheets/responsive.css b/public/stylesheets/responsive.css
index 4aadb4731..3802fc538 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;
-- 
2.39.5