From 5c66a3120aa2b753f0a4087d4b637aac19e67705 Mon Sep 17 00:00:00 2001
From: Felix Gliesche <felix.gliesche@plan.io>
Date: Fri, 13 Mar 2015 12:07:58 +0100
Subject: [PATCH] Align watchers area well in mobile menu

---
 public/stylesheets/responsive.css | 45 +++++++++++++++++++++++++++++++++++++++
 1 file changed, 45 insertions(+)

diff --git a/public/stylesheets/responsive.css b/public/stylesheets/responsive.css
index 3ddcc6f..f19b15b 100644
--- a/public/stylesheets/responsive.css
+++ b/public/stylesheets/responsive.css
@@ -411,6 +411,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;
-- 
1.9.3 (Apple Git-50)