From 3c2471a1f7b2feeb5b3fb500fbf272d25428f661 Mon Sep 17 00:00:00 2001
From: Bengt Brodersen <b.brodersen@xplosion.de>
Date: Thu, 17 Dec 2015 11:05:27 +0100
Subject: [PATCH] no message

---
 printPreview.css  | 18 +++++++++++++++++-
 printPreview.html | 12 ++++++------
 2 files changed, 23 insertions(+), 7 deletions(-)

diff --git a/printPreview.css b/printPreview.css
index 0cb1b41..13a8b3c 100644
--- a/printPreview.css
+++ b/printPreview.css
@@ -82,9 +82,25 @@
   line-height: 30px;
 }
 .ui-element {
-  cursor: pointer;
   font-size: 14px;
   display: inline-block;
   margin: 5px 10px;
   vertical-align: baseline;
 }
+.button {
+    background-color: #F5F5F5;
+    border: 1px solid #F5F5F5;
+    border-radius: 3px;
+    display: inline-block;
+    color: #8C8C8C;
+    font-size: 13px;
+    font-weight: 700;
+    padding: 7px 28px;
+    text-decoration: none;
+    text-align: center;
+}
+.button-primary{
+    background-color: #5689db;
+    border: 1px solid #5689db;
+    color: #fff;
+}
diff --git a/printPreview.html b/printPreview.html
index c48d691..179ade2 100644
--- a/printPreview.html
+++ b/printPreview.html
@@ -14,14 +14,14 @@
     <div id="card-print-dialog-footer">
       <div class="buttons">
         <div class="ui-element" style="float: left;" >
-          <div style="float: left; positon: relative; top: -2px;"><input id="columnCount" type="text" class="text" maxlength="1" style="width: 15px; padding: 2px;" value="1"/></div>
+          <div style="float: left; position: relative; top: -2px;"><input id="columnCount" type="text" class="text" maxlength="1" style="width: 15px; padding: 2px;" value="1"/></div>
           <div style="float: left; margin-left: 5px; margin-right: 5px;">x</div>
-          <div style="float: left; positon: relative; top: -2px;"><input id="rowCount"    type="text" class="text" maxlength="1" style="width: 15px; padding: 2px;" value="2"/></div>
+          <div style="float: left; position: relative; top: -2px;"><input id="rowCount"    type="text" class="text" maxlength="1" style="width: 15px; padding: 2px;" value="2"/></div>
           <div style="float: left; margin-left:5px;">Page Grid</div>
         </div>
         <div class="ui-element" style="float: left;">
-          <form oninput="amount.value=parseFloat(scaleRange.value).toFixed(1)">
-            <input style="float: left;"  type="range" id="scaleRange" min="-1.0" max="1.0" step="0.1" value="0.0" style="width: 80px;" />
+          <form style="float: left;" oninput="amount.value=parseFloat(scaleRange.value).toFixed(1)">
+            <input style="float: left; width: 80px;"  type="range" id="scaleRange" min="-1.0" max="1.0" step="0.1" value="0.0" style="width: 80px;" />
             <output style="float: left; width: 25px; margin-left:5px;" name="amount" for="scaleRange"></output>
           </form>
           <div style="float: left; margin-left:5px;">Scale</div>
@@ -32,8 +32,8 @@
         <div class="ui-element" style="float: left;"><input id="due-date-checkbox" type="checkbox"/>Due Date</div>
         <div class="ui-element" style="float: left;"><input id="qr-code-checkbox" type="checkbox"/>QR Code</div>
 
-        <input class="ui-element" style="float: right;" id="card-print-dialog-print"  type="button" value="Print" />
-        <input class="ui-element" style="float: right;" id="card-print-dialog-cancel" type="button" value="Cancel" />
+        <div class="ui-element button button-primary" style="float: right;" id="card-print-dialog-print"  />Print</div>
+        <div class="ui-element button" style="float: right;" id="card-print-dialog-cancel" />Cancel</div>
       </div>
     </div>
   </div>