From f02716b1a52e034ca5568247338c250cfbe6b66c Mon Sep 17 00:00:00 2001
From: Jami Gibbs <jami0821@gmail.com>
Date: Thu, 11 Feb 2016 14:35:03 -0600
Subject: [PATCH] Fixes sidebar scrolling behavior on iOS, fixes #6227

---
 client/less/map.less | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/client/less/map.less b/client/less/map.less
index e0560b9969..32f106a190 100644
--- a/client/less/map.less
+++ b/client/less/map.less
@@ -11,7 +11,13 @@
     bottom: 0;
     right: 0;
 
+    overflow-x: hidden;
+    overflow-y: scroll;
+    -webkit-overflow-scrolling: touch;
+
+    display: -webkit-flex;
     display: flex;
+    -webkit-flex-direction: row;
     flex-direction: row;
 
     background-color: @body-bg;
@@ -21,6 +27,7 @@
     transition: transform 0.3s cubic-bezier(0.16, 0.22, 0.22, 1.7);
 
     &.is-collapsed {
+      -webkit-transform: translateY(110%);
       transform: translateX(110%);
     }
 
@@ -52,9 +59,9 @@
 .map-aside-action-bar {
     position: absolute;
     top: 0;
-    left: 0;
     right: 0;
 
+    display: -webkit-flex;
     display: flex;
     justify-content: flex-end;
 
@@ -120,6 +127,7 @@
   .fa {
     position:absolute;
     top:50%;
+    -webkit-transform: translateY(-50%);
     transform: translateY(-50%);
     right:10px;
   }
@@ -178,7 +186,7 @@
           margin-left:30px;
       }
     }
-  }  
+  }
 
   .challengeBlockDescription {
       margin:0;
@@ -237,6 +245,7 @@
 }
 
 .map-aside-action-item {
+    display: -webkit-flex;
     display: flex;
     /* main axis */
     justify-content: center;