fix custom information sheet print out

2 files changed, 12 insertions, 7 deletions

diff --git a/print/resources/style.css b/print/resources/style.css
index 44be4104..db5ba603 100644
--- a/print/resources/style.css
+++ b/print/resources/style.css
@@ -965,7 +965,7 @@ body {
     height: 30mm;
   }
 
-  .custom-page main {
+  .custom-page main, .custom-page main fieldset {
     height: 230mm
   }
   #custom-page-tool-bar {
@@ -978,6 +978,11 @@ body {
     text-align: left;
   }
 
+  @media print {
+      #custom-page-content {
+          border: none;
+      }
+  }
 /* Color Swatch Logic */
 /* reference : http://jsfiddle.net/jrulle/btg63ezy/3/ */
 
@@ -1171,7 +1176,6 @@ body {
     #errors,
     span.logo-instructions,
     #custom-page-tool-bar,
-    #custom-page-content,
     .notice--warning {
       display: none !important;
     }
diff --git a/print/templates/ui.html b/print/templates/ui.html
index f1dd9c12..4282838d 100644
--- a/print/templates/ui.html
+++ b/print/templates/ui.html
@@ -54,18 +54,19 @@
             <input type="checkbox" class="view" id="operator-detailedview" data-field-name="operator-detailedview" CHECKED />
             <label for="operator-detailedview">{{ _('Operator Detailed View') }}</label>
           </p>
+          <p style="text-indent: 1.5em;">
+            <label for="operator-detailedview-thumbnail-size">{{ _('Thumbnail size') }}</label>
+            <input type="range" min="15" max="110" value="15" step="5" id="operator-detailedview-thumbnail-size" data-field-name="operator-detailedview-thumbnail-size" style="vertical-align: middle;" />
+            <span id="display-thumbnail-size">15mm</span>
+          </p>
           <p>
             <input type="checkbox" class="view" id="full-page-patternview" data-field-name="full-page-patternview"  />
             <label for="full-page-patternview">{{ _('Full Page Pattern View') }}</label>
           </p>
-          <p>
+          <p style="text-indent: 1.5em;">
             <input type="checkbox" class="view" id="show-footer" data-field-name="show-footer"  />
             <label for="show-footer">{{ _('Show Footer') }}</label>
           </p>
-          <p style="text-indent: 1.5em;">{{ _('Thumbnail size') }}:
-            <input type="range" min="15" max="110" value="15" step="5" id="operator-detailedview-thumbnail-size" data-field-name="operator-detailedview-thumbnail-size" style="vertical-align: middle;" />
-            <span id="display-thumbnail-size">15mm</span>
-          </p>
           <p>
             <input type="checkbox" class="view" id="custom-page" data-field-name="custom-page" />
             <label for="custom-page">{{ _('Custom information sheet') }}</label>