From 6a93f5eb62486f4dde0688fdbdf3789fe47dc7d4 Mon Sep 17 00:00:00 2001
From: Bengt Brodersen <b.brodersen@xplosion.de>
Date: Mon, 28 Dec 2015 17:27:33 +0100
Subject: [PATCH] no message

---
 printPreview.html | 110 +++++++++++++++++++++++-----------------------
 1 file changed, 56 insertions(+), 54 deletions(-)

diff --git a/printPreview.html b/printPreview.html
index ce629cc..d528921 100644
--- a/printPreview.html
+++ b/printPreview.html
@@ -1,60 +1,62 @@
-<div id="card-print-dialog">
-  <div id="card-print-dialog-header">
-    <div id="card-print-dialog-title">Card Printer</div>
-    <div id="info">
-      <label id="info-line"><b>Jira</b> - <b>Trello</b> - <b>YouTrack</b> - <b>PivotalTracker</b></label>
-      <div id="report-issue" class="ui-element button" >Report Issues</div>
-      <div id="about" class="ui-element button" >About</div>
+<div id="card-print-overlay">
+  <div id="card-print-dialog">
+    <div id="card-print-dialog-header">
+      <div id="card-print-dialog-title">Card Printer</div>
+      <div id="info">
+        <label id="info-line"><b>Jira</b> - <b>Trello</b> - <b>YouTrack</b> - <b>PivotalTracker</b></label>
+        <div id="report-issue" class="ui-element button" >Report Issues</div>
+        <div id="about" class="ui-element button" >About</div>
+      </div>
     </div>
-  </div>
-  <div id="card-print-dialog-content">
-    <iframe id="card-print-dialog-content-iframe"></iframe>
-  </div>
-  <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="float: left; width: 18px; 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="float: left; width: 18px; padding: 2px;" value="2"/>
-        <label style="float: left; margin-left:5px;">Page Grid</label>
-      </div>
-      <div class="ui-element" style="float: left;">
-        <form style="float: left;" oninput="amount.value=parseFloat(scaleRange.value).toFixed(1)">
-          <input id="scaleRange" type="range" min="-1.0" max="1.0" step="0.1" value="0.0" style="float: left; width: 70px; position: relative;
-  top: -2px;" />
-          <label>Scale</label>
-          <output style="float: left; width: 22px; margin-left:2px;" name="amount" for="scaleRange"></output>
-        </form>
+    <div id="card-print-dialog-content">
+      <iframe id="card-print-dialog-content-iframe"></iframe>
+    </div>
+    <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="float: left; width: 18px; 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="float: left; width: 18px; padding: 2px;" value="2"/>
+          <label style="float: left; margin-left:5px;">Page Grid</label>
+        </div>
+        <div class="ui-element" style="float: left;">
+          <form style="float: left;" oninput="amount.value=parseFloat(scaleRange.value).toFixed(1)">
+            <input id="scaleRange" type="range" min="-1.0" max="1.0" step="0.1" value="0.0" style="float: left; width: 70px; position: relative;
+    top: -2px;" />
+            <label>Scale</label>
+            <output style="float: left; width: 22px; margin-left:2px;" name="amount" for="scaleRange"></output>
+          </form>
 
-      </div>
-      <div class="ui-element checkbox" style="float: left;">
-        <input id="single-card-page-checkbox" type="checkbox"/>
-        <label for="single-card-page-checkbox"></label>
-        <label for="single-card-page-checkbox">Single Card Per Page</label>
-      </div>
-      <div class="ui-element checkbox" style="float: left;">
-        <input id="description-checkbox" type="checkbox"/>
-        <label for="description-checkbox"></label>
-        <label for="description-checkbo">Description</label>
-      </div>
-      <div class="ui-element checkbox" style="float: left;">
-        <input id="assignee-checkbox" type="checkbox"/>
-        <label for="assignee-checkbox"></label>
-        <label for="assignee-checkbox">Assignee</label>
-      </div>
-      <div class="ui-element checkbox" style="float: left;">
-        <input id="due-date-checkbox" type="checkbox"/>
-        <label for="due-date-checkbox"></label>
-        <label for="due-date-checkbox">Due Date</label>
-      </div>
-      <div class="ui-element checkbox" style="float: left;">
-        <input id="qr-code-checkbox" type="checkbox"/>
-        <label for="qr-code-checkbox"></label>
-        <label for="qr-code-checkbox">QR Code</label>
-      </div>
+        </div>
+        <div class="ui-element checkbox" style="float: left;">
+          <input id="single-card-page-checkbox" type="checkbox"/>
+          <label for="single-card-page-checkbox"></label>
+          <label for="single-card-page-checkbox">Single Card Per Page</label>
+        </div>
+        <div class="ui-element checkbox" style="float: left;">
+          <input id="description-checkbox" type="checkbox"/>
+          <label for="description-checkbox"></label>
+          <label for="description-checkbo">Description</label>
+        </div>
+        <div class="ui-element checkbox" style="float: left;">
+          <input id="assignee-checkbox" type="checkbox"/>
+          <label for="assignee-checkbox"></label>
+          <label for="assignee-checkbox">Assignee</label>
+        </div>
+        <div class="ui-element checkbox" style="float: left;">
+          <input id="due-date-checkbox" type="checkbox"/>
+          <label for="due-date-checkbox"></label>
+          <label for="due-date-checkbox">Due Date</label>
+        </div>
+        <div class="ui-element checkbox" style="float: left;">
+          <input id="qr-code-checkbox" type="checkbox"/>
+          <label for="qr-code-checkbox"></label>
+          <label for="qr-code-checkbox">QR Code</label>
+        </div>
 
-      <div id="card-print-dialog-cancel" class="ui-element button" >Cancel</div>
-      <div id="card-print-dialog-print" class="ui-element button button-primary" >Print</div>
+        <div id="card-print-dialog-cancel" class="ui-element button" >Cancel</div>
+        <div id="card-print-dialog-print" class="ui-element button button-primary" >Print</div>
+      </div>
     </div>
   </div>
 </div>