From 147cc15e6d099a0b2f8b583fd949fb761debc266 Mon Sep 17 00:00:00 2001
From: Gerrit Linnemann <linnemann@adawim.com>
Date: Mon, 16 Nov 2015 21:51:21 +0100
Subject: [PATCH] flex 2 inline-box 4 controls

---
 kitchenradio/public/stylesheets/style.css  | 14 +++++++++++++-
 kitchenradio/public/stylesheets/style.less | 14 +++++++++++++-
 2 files changed, 26 insertions(+), 2 deletions(-)

diff --git a/kitchenradio/public/stylesheets/style.css b/kitchenradio/public/stylesheets/style.css
index a3dccfa..027451c 100644
--- a/kitchenradio/public/stylesheets/style.css
+++ b/kitchenradio/public/stylesheets/style.css
@@ -135,6 +135,7 @@ body {
   background-size: auto 100%;
   background-repeat: no-repeat;
   background-position: left top;
+  overflow: hidden;
 }
 .clearboth {
   clear: both;
@@ -210,7 +211,7 @@ a {
   flex-grow: 1;
   flex-basis: auto;
   align-self: flex-start;
-  height: 100%;
+  height: auto;
   text-align: center;
   text-decoration: none;
   font-size: 50px;
@@ -221,3 +222,14 @@ a {
 #controls .control.empty {
   visibility: hidden;
 }
+@media screen and (max-width: 320px) {
+  #controls {
+    display: block;
+    text-align: center;
+  }
+  #controls .control {
+    display: inline-block;
+    width: 25%;
+    margin: 0;
+  }
+}
diff --git a/kitchenradio/public/stylesheets/style.less b/kitchenradio/public/stylesheets/style.less
index 1be3145..0934301 100644
--- a/kitchenradio/public/stylesheets/style.less
+++ b/kitchenradio/public/stylesheets/style.less
@@ -66,6 +66,7 @@ body {
   background-size: auto 100%;
   background-repeat: no-repeat;
   background-position: left top;
+  overflow: hidden;
 }
 
 .clearboth {
@@ -155,7 +156,7 @@ a {
     flex-grow: 1;
     flex-basis: auto;
     align-self: flex-start;
-    height: 100%;
+    height: auto;
     text-align: center;
     text-decoration: none;
     font-size: 50px;
@@ -168,4 +169,15 @@ a {
       visibility: hidden;
     }
   }
+  
+  @media screen and (max-width: 320px) {
+    display: block;
+    text-align: center;
+    
+    .control {
+      display: inline-block;
+      width: 25%;
+      margin: 0;
+    }
+  }
 }
\ No newline at end of file