From 084bcaf77cec78831be22aaefd34be2dd88416d8 Mon Sep 17 00:00:00 2001
From: Calin Crisan <ccrisan@gmail.com>
Date: Wed, 10 Jun 2015 14:44:05 +0300
Subject: [PATCH] a few iOS improvements

---
 static/css/main.css | 6 +++---
 templates/base.html | 5 ++++-
 templates/main.html | 4 ++--
 3 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/static/css/main.css b/static/css/main.css
index 11b3a35..9949cae 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -63,7 +63,7 @@ html {
 div.page,
 div.header-container {
     position: relative;
-    min-width: 360px;
+    min-width: 320px;
     width: 100%;
 }
 
@@ -227,7 +227,7 @@ div.settings {
 
 div.settings.open {
     width: 40%;
-    min-width: 360px;
+    min-width: 320px;
 }
 
 body:not(.admin) div.settings {
@@ -265,7 +265,7 @@ div.settings-top-bar {
 
 div.settings-top-bar.open {
     background-color: #414141;
-    min-width: 360px;
+    min-width: 320px;
 }
 
 body:not(.admin) div.settings-top-bar {
diff --git a/templates/base.html b/templates/base.html
index f976d13..6679b8d 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -4,12 +4,15 @@
         {% block meta %}
             <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
             <meta http-equiv="X-UA-Compatible" content="IE=Edge">
-            <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
+            <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+            <meta name="apple-mobile-web-app-capable" content="yes">
+            <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
         {% endblock %}
         <title>{% block title %}{% endblock %}</title>
         {% block style %}
             <link rel="stylesheet" type="text/css" href="{{STATIC_URL}}css/jquery.timepicker.css" />
             <link rel="shortcut icon" href="/static/favicon.ico" />
+            <link rel="apple-touch-icon" href="/static/favicon.ico" />
         {% endblock %}
         {% block script %}
             <script type="text/javascript" src="{{STATIC_URL}}js/css-browser-selector.js"></script>
diff --git a/templates/main.html b/templates/main.html
index 2532784..50e2759 100644
--- a/templates/main.html
+++ b/templates/main.html
@@ -237,12 +237,12 @@
                     <tr class="settings-item advanced-setting" min="0" max="100" snap="2" ticksnum="5" decimals="0" unit="%">
                         <td class="settings-item-label"><span class="settings-item-label">Saturation</span></td>
                         <td class="settings-item-value"><input type="text" class="range styled device camera-config" id="saturationSlider"></td>
-                        <td><span class="help-mark" title="sets a desired saturation (color) level for this camera">?</span></td>
+                        <td><span class="help-mark" title="sets a desired saturation level for this camera">?</span></td>
                     </tr>
                     <tr class="settings-item advanced-setting" min="0" max="100" snap="2" ticksnum="5" decimals="0" unit="%">
                         <td class="settings-item-label"><span class="settings-item-label">Hue</span></td>
                         <td class="settings-item-value"><input type="text" class="range styled device camera-config" id="hueSlider"></td>
-                        <td><span class="help-mark" title="sets a desired hue (color) for this camera">?</span></td>
+                        <td><span class="help-mark" title="sets a desired hue for this camera">?</span></td>
                     </tr>
                     <tr class="settings-item advanced-setting">
                         <td colspan="100"><div class="settings-item-separator"></div></td>
-- 
2.39.5