From 841d35140b03a3832b6b74e26abcf0fdacfc79cc Mon Sep 17 00:00:00 2001
From: Tanya Butenko <Tanya.Butenko@tabcorp.com.au>
Date: Thu, 8 Sep 2016 15:19:02 +1000
Subject: [PATCH] html classes and style for output

---
 css/main.css |  2 ++
 index.html   | 40 ++++++++++++++++++++--------------------
 2 files changed, 22 insertions(+), 20 deletions(-)

diff --git a/css/main.css b/css/main.css
index eaa7032..d52c007 100644
--- a/css/main.css
+++ b/css/main.css
@@ -39,12 +39,14 @@
     background-image: -ms-linear-gradient( -30deg, rgb(239,80,80) 0%, #9C27B0 100%);
 }
 .cal-wrapper .cal .cal-process{
+    height: 50px;
     padding: 5px 15px;
     color: #fff;
     text-align: right;
     font-size: 30px;
 }
 .cal-wrapper .cal .cal-answer{
+    height: 70px;
     font-size: 40px;
     color: #fff;
     text-align: right;
diff --git a/index.html b/index.html
index c5131cc..db2f0fe 100644
--- a/index.html
+++ b/index.html
@@ -18,34 +18,34 @@
         <div class="pad">
           <div class="row numbers">
             <button class="col-xs-3 btn single"><span class="clear">C</span></button>
-            <button class="col-xs-3 btn single"><span>MR</span></button>
-            <button class="col-xs-3 btn single"><span>%</span></button>
-            <button class="col-xs-3 btn single"><span>$</span></button>
-            <button class="col-xs-3 btn single"><span class="cal-button">7</span></button>
-            <button class="col-xs-3 btn single"><span class="cal-button">8</span></button>
-            <button class="col-xs-3 btn single"><span class="cal-button">9</span></button>
-            <button class="col-xs-3 btn single"><span class="cal-button">/</span></button>
-            <button class="col-xs-3 btn single"><span class="cal-button">4</span></button>
-            <button class="col-xs-3 btn single"><span class="cal-button">5</span></button>
-            <button class="col-xs-3 btn single"><span class="cal-button">6</span></button>
-            <button class="col-xs-3 btn single"><span>X</span></button>
-            <button class="col-xs-3 btn single"><span class="cal-button">1</span></button>
-            <button class="col-xs-3 btn single"><span class="cal-button">2</span></button>
-            <button class="col-xs-3 btn single"><span class="cal-button">3</span></button>
-            <button class="col-xs-3 btn single"><span class="cal-button">-</span></button>
-            <button class="col-xs-3 btn single"><span class="cal-button">.</span></button>
-            <button class="col-xs-3 btn single"><span class="cal-button">0</span></button>
-            <button class="col-xs-3 btn single"><span class="cal-button">=</span></button>
-            <button class="col-xs-3 btn single"><span class="cal-button">+</span></button>
+            <button class="col-xs-3 btn single"><span class="memory-register">MR</span></button>
+            <button class="col-xs-3 btn single"><span class="modulo">%</span></button>
+            <button class="col-xs-3 btn single"><span class="square-root">√</span></button>
+            <button class="col-xs-3 btn single"><span class="cal-button seven">7</span></button>
+            <button class="col-xs-3 btn single"><span class="cal-button eight">8</span></button>
+            <button class="col-xs-3 btn single"><span class="cal-button nine">9</span></button>
+            <button class="col-xs-3 btn single"><span class="cal-button division">/</span></button>
+            <button class="col-xs-3 btn single"><span class="cal-button four">4</span></button>
+            <button class="col-xs-3 btn single"><span class="cal-button five">5</span></button>
+            <button class="col-xs-3 btn single"><span class="cal-button six">6</span></button>
+            <button class="col-xs-3 btn single"><span class="multiplication">X</span></button>
+            <button class="col-xs-3 btn single"><span class="cal-button one">1</span></button>
+            <button class="col-xs-3 btn single"><span class="cal-button two">2</span></button>
+            <button class="col-xs-3 btn single"><span class="cal-button tree">3</span></button>
+            <button class="col-xs-3 btn single"><span class="cal-button subtraction">-</span></button>
+            <button class="col-xs-3 btn single"><span class="cal-button decimal">.</span></button>
+            <button class="col-xs-3 btn single"><span class="cal-button zero">0</span></button>
+            <button class="col-xs-3 btn single"><span class="cal-button equal">=</span></button>
+            <button class="col-xs-3 btn single"><span class="cal-button addition">+</span></button>
           </div>
         </div>
       </div>
     </div>
   </div>
 </div>
+<script src="js/dom-manipulation.js"></script>
 <script src="js/basic.js"></script>
 <script src="js/advanced.js"></script>
-<script src="js/dom-manipulation.js"></script>
 <script src="js/homework.js"></script>
 </body>
 </html>
\ No newline at end of file