From 36f814720be1362fc5a9b6f814b32946926a84bd Mon Sep 17 00:00:00 2001
From: Bengt Brodersen <b.brodersen@xplosion.de>
Date: Thu, 17 Dec 2015 19:35:05 +0100
Subject: [PATCH] no message

---
 printPreview.css  | 11 ++++++-----
 printPreview.html |  4 ++--
 2 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/printPreview.css b/printPreview.css
index d73b186..676ea85 100644
--- a/printPreview.css
+++ b/printPreview.css
@@ -151,7 +151,7 @@ label[for] {
 .checkbox input[type=checkbox]:checked + label::after {
   opacity: 1;
 }
-.numberInput input[type=number]{
+input[type=number].numberInput {
     font-size:1em;
     width:1.5em;
     padding:3px;
@@ -160,17 +160,18 @@ label[for] {
     border-radius:5px;
     text-align: center;
     background-color: #eee;
+    width: 100px;
 }
-.numberInput input[type=number]::-webkit-inner-spin-button,
-.numberInput input[type=number]::-webkit-outer-spin-button {
+input[type=number].numberInput::-webkit-inner-spin-button,
+input[type=number].numberInput ::-webkit-outer-spin-button {
    -webkit-appearance: none;
 }
 
-.numberInput input[type=number]:hover{
+input[type=number].numberInput :hover{
     border:1px solid #ddd;
     background-color: #f6f6f6;
 }
-.numberInput input[type=number]:focus{
+input[type=number].numberInput :focus{
     outline:none;
     border:1px solid #ddd;
     background-color: #f6f6f6;
diff --git a/printPreview.html b/printPreview.html
index b86bfa5..a9de82d 100644
--- a/printPreview.html
+++ b/printPreview.html
@@ -14,9 +14,9 @@
     <div id="card-print-dialog-footer">
       <div class="buttons">
         <div class="ui-element" style="float: left;" >
-          <input id="columnCount" type="number" min="0" max="9" class="numberInput" style="loat: left; width: 15px; padding: 2px;" value="1"/>
+          <input id="columnCount" type="number" min="0" max="9" class="numberInput" style="float: left; width: 15px; padding: 2px;" value="1"/>
           <div style="float: left; margin-left: 5px; margin-right: 5px;">x</div>
-          <input id="rowCount" type="number" min="0" max="9" class="numberInput" style="loat: left; width: 15px; padding: 2px;" value="2"/>
+          <input id="rowCount" type="number" min="0" max="9" class="numberInput" style="float: left; width: 15px; padding: 2px;" value="2"/>
           <label style="float: left; margin-left:5px;">Page Grid</label>
         </div>
         <div class="ui-element" style="float: left;">