Improved mobile view and UX, also fixed bug that broke the application.

4 years ago · 9fccc3f4e6
parent 9a8a239c49
commit 9fccc3f4e6
1 changed files with 4 additions and 2 deletions
--- a/pyleds/templates/index.html
+++ b/pyleds/templates/index.html
@ -1,6 +1,7 @@
 <html>
 <head>
    <title>Litsimaja</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="normalize.css">
    <link rel="stylesheet" href="skeleton.css">
    <link rel="stylesheet" href="custom.css">
@ -79,7 +80,8 @@
            <button onclick="doInit()">init</button>
            <button onclick="doCancel()">end loop</button>
            <button onclick="doBlind()">off</button>
-            <span><input type="checkbox" id="looping" /><b> loop</b></span>
+
+            <label><input type="checkbox" id="looping" /><b> loop</b></label>
        </div>
        <div class="row" id='loading' style="visibility: hidden"><b>LOADING!</b></div>
        <div class="section-rgb">
@ -89,7 +91,7 @@
                        {% for group in programs %}
                            <optgroup label="{{ group.group }}">
                                {% for program in group.programs %}
-                                    <option label="{{ program.name }}">{{ program.prg.split(".")[1] }}</option>
+                                    <option value="{{ program.prg }}">{{ program.name }}</option>
                                {% endfor %}
                            </optgroup>
                        {% endfor %}