From 186a979e08fc50166b8117a671053c2a39194c44 Mon Sep 17 00:00:00 2001
From: Daniel Sinn <daniel.p.sinn@gmail.com>
Date: Tue, 29 Dec 2015 16:31:22 -0500
Subject: [PATCH] Have an "instruction" class for more consistency

---
 index.html | 6 +++---
 ktane.css  | 8 ++++----
 ktane.js   | 4 ++--
 3 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/index.html b/index.html
index 94c0ed1..a39db7e 100755
--- a/index.html
+++ b/index.html
@@ -43,7 +43,7 @@
                 <input type="radio" name="buttonText" value="Hold" id="buttonTextHold" /> <label for="buttonTextHold">Hold</label>
                 <input type="radio" name="buttonText" value="Press" id="buttonTextPress" /> <label for="buttonTextPress">Press</label>
             </div>
-            <div id="buttonInstruction"></div>
+            <div class="instruction"></div>
             <div>
                 If holding button, release when the timer contains the digit that corresponds to the strip colour:
                 <ul>
@@ -186,7 +186,7 @@
             <ul id="sequenceInstruction"></ul>
         </section>
 
-        <section id="venn">
+        <section id="sectionVenn">
             <h2>Venn Diagram</h2>
             <ul id="vennOptions">
                 <li><input type="checkbox" id="vennRed" /> <label for="vennRed">Red</label></li>
@@ -194,7 +194,7 @@
                 <li><input type="checkbox" id="vennStar" /> <label for="vennStar">Star</label></li>
                 <li><input type="checkbox" id="vennLed" /> <label for="vennLed">LED</label></li>
             </ul>
-            <div id="vennInstruction"></div>
+            <div class="instruction"></div>
         </section>
 
         <section id="passwords">
diff --git a/ktane.css b/ktane.css
index fac318e..ffb5ed1 100755
--- a/ktane.css
+++ b/ktane.css
@@ -25,6 +25,10 @@ button {
     border-width: 1px;
 }
 
+.instruction {
+    background-color: #eee;
+    padding: 0.5em;
+}
 .button {
     padding: 0.2em;
 }
@@ -143,10 +147,6 @@ nav {
     border-style: solid;
     border-width: 1px;
 }
-#buttonInstruction {
-    background-color: #eee;
-    padding: 0.5em;
-}
 
 #sectionKeypads ul {
     display: inline-block;
diff --git a/ktane.js b/ktane.js
index d5b0b74..f1439d9 100755
--- a/ktane.js
+++ b/ktane.js
@@ -155,7 +155,7 @@ $('section').each(function () {
      * Button
      */
     var $section = $('#sectionButton'),
-            $instruction = $('#buttonInstruction'),
+            $instruction = $section.find('.instruction'),
             instruction;
 
     $section.find('input').on('click', function () {
@@ -618,7 +618,7 @@ $('section').each(function () {
                 }
             },
             $checkboxes = $('#vennOptions > li > input'),
-            $instruction = $('#vennInstruction');
+            $instruction = $('#sectionVenn .instruction');
 
     //         Red    Blue   Star   LED
     conditions[false][false][false][false] = 'C';