From 948b4a6692430af35e7609d9d3271077e4cab37d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Kasper=20Rynning-T=C3=B8nnesen?= <kasper@kasperrt.no>
Date: Thu, 26 Jan 2017 21:40:44 +0100
Subject: [PATCH] Positioning of header-buttons

---
 public/css/style.css      | 5 +++++
 public/php/controller.php | 2 +-
 public/php/frontpage.php  | 8 ++++----
 3 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/public/css/style.css b/public/css/style.css
index 719ffe8b..7343dd07 100755
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -16,6 +16,10 @@
   border:none !important;
 }
 
+.header-buttons{
+  display: block;
+}
+
 #player_overlay_controls{
   font-size:7rem;
     width: 100%;
@@ -455,6 +459,7 @@ nav .brand-logo{
   position: fixed;
   z-index: 10;
   width: calc(100vw - 8px);
+  overflow: hidden;
 }
 
 .import-a, .suggested{
diff --git a/public/php/controller.php b/public/php/controller.php
index 76f3c742..15631619 100755
--- a/public/php/controller.php
+++ b/public/php/controller.php
@@ -12,7 +12,7 @@
                     <img id="zicon" src="/public/images/squareicon_small.png" alt="zöff" title="Zöff" />
                 </a>
                 <a href="//zoff.no" class="brand-logo hide-on-med-and-up">Zöff</a>
-                <ul id="nav-mobile" class="right hide-on-med-and-down">
+                <ul class="right hide-on-med-and-down">
                   <li><a class="waves-effect green" title="Remote control a Zöff player" href="https://remote.zoff.no">Remote</a></li>
                   <li><a class="modal-trigger waves-effect waves-orange" onclick="$('#about').openModal()">About</a></li>
                 </ul>
diff --git a/public/php/frontpage.php b/public/php/frontpage.php
index 7c08acd6..cf30c4ce 100755
--- a/public/php/frontpage.php
+++ b/public/php/frontpage.php
@@ -21,10 +21,10 @@ if(isset($_GET['chan'])){
                 </a>
                 <span id="frontpage-viewer-counter" class="hide-on-small-only noselect" title="Divided among all channels. Hidden or not"></span>
                 <!--<a href="//zoff.no" class="brand-logo brand-mobile hide-on-med-and-up">Zöff</a>-->
-                <ul id="nav-mobile" class="right hide-on-med-and-down">
-                    <li><a class="waves-effect waves-cyan" id="offline-mode" title="Offline mode" href="#">Private</a></li>
-                    <li><a class="waves-effect waves-green" title="Remote control a Zöff player" href="https://remote.zoff.no">Remote</a></li>
-                    <li><a class="modal-trigger waves-effect waves-orange" onclick="$('#about').openModal()">About</a></li>
+                <ul class="right hide-on-med-and-down">
+                    <li><a class="header-buttons waves-effect waves-cyan" id="offline-mode" title="Offline mode" href="#">Private</a></li>
+                    <li><a class="header-buttons waves-effect waves-green" title="Remote control a Zöff player" href="https://remote.zoff.no">Remote</a></li>
+                    <li><a class="header-buttons modal-trigger waves-effect waves-orange" onclick="$('#about').openModal()">About</a></li>
                 </ul>
             </div>
         </nav>