div of decoded inputs is hidden now

src/templates/css/style.css

@@ -112,3 +112,30 @@ form {
 [type=radio]:checked ~ label ~ .content {
     z-index: 1;
 }
+
+input#toggle-1[type=checkbox] {
+    position: absolute;
+    top: -9999px;
+    left: -9999px;
+
+}
+label#show-decoded-inputs {
+    /*-webkit-appearance: push-button;*/
+    /*-moz-appearance: button;*/
+    display: inline-block;
+    /*margin: 60px 0 10px 0;*/
+    cursor: pointer;
+    background-color: black;;
+    color: white;
+    width: 100%;
+    text-align: center;
+}
+
+div#decoded-inputs{
+    display: none;
+}
+
+/* Toggled State */
+input#toggle-1[type=checkbox]:checked ~ div#decoded-inputs {
+    display: block;
+}

src/templates/my_outputs.html

@@ -76,6 +76,10 @@
 
     {{#show_inputs}}
     <br/>
+    <label id="show-decoded-inputs" for="toggle-1">Show decoded inputs</label>
+    <input type="checkbox" id="toggle-1">
+
+    <div id="decoded-inputs">
     <h3>Inputs ({{inputs_no}})</h3>
         <div class="center">
             {{#inputs}}
@@ -139,7 +143,10 @@
                 So do not take this number seriously.
                 It is probably totally wrong anyway.</span>
         </h3>
+    </div>
+
     {{/show_inputs}}
 
 
 </div>
+<br/>