Jean-Baptiste (Rorist) Aubort 5 years ago
parent
commit
e7ad16337a
2 changed files with 15 additions and 18 deletions
  1. 12 15
      style.css
  2. 3 3
      trigger.html

+ 12 - 15
style.css

@@ -45,7 +45,7 @@ p {
 
 #container {
     margin: auto;
-    width: 800px;
+    max-width: 800px;
     min-height: 100%;
     background-color: rgba(50, 50, 50, 0.8);
     padding: 10px 25px;
@@ -63,9 +63,10 @@ fieldset {
 Main app block, central.
 */
 
-h1, h2, h3, h4, h5, h6 {
+h1 a,h1 a:hover,  h1, h2, h3, h4, h5, h6 {
     color: #55DD00;
     font-family: 'Share Tech', Monospace, sans-serif;
+    text-decoration: none;
 }
 
 .index {
@@ -95,25 +96,14 @@ all the button
     margin-top: 20px;
 }
 
-.text-input {
-    font-size: 1.5em;
-    padding: 2px;
-    color: black;
-    text-align: center;
-    border: 2px solid #00aa00;
-    font-weight: bold;
-}
-
-.number {
-}
-
 .separator:before {
   content: ":";
 }
 
-.breathSlider{
+#breathSlider {
     padding: 0;
     vertical-align: middle;
+    width: 50%;
 }
 
 #breathBox span {
@@ -162,3 +152,10 @@ all the button
 #msg-block {
     display: none;
 }
+
+.text-input {
+    width: 48px;
+    display: inline;
+    text-align: center;
+    padding: 0px;
+}

+ 3 - 3
trigger.html

@@ -11,7 +11,7 @@
 </head>
 <body onload="onPageLoad()">
 <div id="container" class="row">
-    <h1>FIXME Control</h1>
+    <h1><a href="?">FIXME Control</a></h1>
 
     <div class="col-md-6">
         <h2>Trigger status</h2>
@@ -19,7 +19,7 @@
         <div id="open-block">
             <form name="hoursform" id="hoursform">
                 <span class="glyphicon glyphicon-minus-sign" onclick="changeHour(0)"></span>
-                <input id="hours" name="hours" size="2" class="text-input" maxlength="2"
+                <input id="hours" name="hours" size="2" class="form-control input-lg text-input" maxlength="2"
                     onkeyup="checkHours(this)" value="1">
                 <span class="glyphicon glyphicon-plus-sign" onclick="changeHour(1)"></span>
                 <input type="button" onclick="openSpace()" value="Open"
@@ -60,7 +60,7 @@
             <h3 for="breathSlider">Breathing leds:</h3>
             <input type="range" value=0 min=0 max=5000 step=10
                 onchange="changeBreathSpeed()" onmouseup="setTheBreathSpeed()"
-                id="breathSlider" class="breathSlider">
+                id="breathSlider">
             <span id="breathValue">0 ms</span>
         </div>
     </div>