a few iOS improvements

diff --git a/static/css/main.css b/static/css/main.css
index 11b3a35ce2f975772e11ad1eec4356c1e4d406d0..9949cae0c1c3db05822a31f5e19ac624aefa2acc 100644 (file)
--- 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 f976d135d912714f20f0f4393097b40cfc3ee960..6679b8dbb21ab4efb6e7ccaef6e58d5d11cc898e 100644 (file)
--- 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 2532784cc4c568d5890ae93169374b525ef1d0b3..50e275966ece182623d1ad9a74127ddf2caabcdf 100644 (file)
--- 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>