From d743e43503f117b01d6b2c837396d299bbf5b8d0 Mon Sep 17 00:00:00 2001
From: Erik Vullings <erik.vullings@gmail.com>
Date: Fri, 21 Aug 2015 14:12:24 +0200
Subject: [PATCH] Updated mobile style.

---
 .../ProjectHeaderSelection.tpl.html           |  3 +-
 example/public/css/mobile-style.css           | 31 +++++++++++++++++--
 example/public/m.html                         |  2 +-
 3 files changed, 30 insertions(+), 6 deletions(-)

diff --git a/csComp/directives/ProjectSelection/ProjectHeaderSelection.tpl.html b/csComp/directives/ProjectSelection/ProjectHeaderSelection.tpl.html
index 6ef3a3a51..ba9f02487 100644
--- a/csComp/directives/ProjectSelection/ProjectHeaderSelection.tpl.html
+++ b/csComp/directives/ProjectSelection/ProjectHeaderSelection.tpl.html
@@ -1,6 +1,5 @@
-<ul class="nav navbar-nav">
+<ul class="nav navbar-nav" style="margin-top: 0; padding-left: 15px;">
     <!--Start project dropdown-->
-
     <li class="dropdown">
         <a target="_blank" data-ng-href="{{vm.$layerService.project.url}}" class="pull-left" style="padding: 10px; padding-bottom: 0; cursor: pointer">
             <img data-ng-src="{{vm.$layerService.project.logo}}" alt="{{vm.$layerService.project.title}}" width="32" height="32" />
diff --git a/example/public/css/mobile-style.css b/example/public/css/mobile-style.css
index 8704e82b7..b878d9506 100644
--- a/example/public/css/mobile-style.css
+++ b/example/public/css/mobile-style.css
@@ -12,6 +12,31 @@
   font-weight: normal;
 }*/
 
+.navbar-collapse {
+    width: auto;
+    border-top: 0;
+    -webkit-box-shadow: none;
+    box-shadow: none;
+    padding-right: 0;
+    padding-left: 0;
+    max-height: 340px;
+}
+.navbar-collapse:before {
+    display: table;
+    content: " ";
+}
+.navbar-collapse:after,
+  clear: both;
+}
+.navbar-collapse.collapse {
+    display: block !important;
+    height: auto !important;
+    padding-bottom: 0;
+    overflow: visible !important;
+}
+.navbar-collapse.in {
+    overflow-y: visible;
+}
 .sidebar-wrapper {
     height: 100%;
     position: relative;
@@ -297,9 +322,9 @@ input[type="radio"], input[type="checkbox"] {
     width: 100%;
 }
 .leftpanel-container {
-    width:100vw;
-    height:100vh;
-    background:white
+    width: 100vw;
+    height: 100vh;
+    background: white
 }
 .leftpanel-tab {
     background-color: #B5A3C1;
diff --git a/example/public/m.html b/example/public/m.html
index 44c0593c6..a0f0f33fb 100644
--- a/example/public/m.html
+++ b/example/public/m.html
@@ -99,7 +99,7 @@
         </div>
 
         <!-- Link to views -->
-        <div class="navbar-collapse collapse">
+        <div class="navbar-fixed-top" style="margin-left: 70px">
             <project-header-selection></project-header-selection>
             <!-- Search form -->
             <!-- <offline-search class="navbar-form navbar-right" style="margin-right:0"></offline-search> -->