Hide manual jqplay button and navigation in print mode

docs/public/css/base.scss

@@ -103,13 +103,6 @@ h3 code {
     margin-bottom: 20px;
 }
 
-@media print {
-    .manual-example {
-        display: block !important;
-        height: auto !important;
-    }
-}
-
 .manual-example table {
     border-top: 1px solid #E5E5E5;
     td {
@@ -125,6 +118,19 @@ h3 code {
     }
 }
 
+@media print {
+    #navcolumn {
+        display: none !important;
+    }
+    .manual-example {
+        display: block !important;
+        height: auto !important;
+    }
+    .jqplay-btn {
+        display: none !important;
+    }
+}
+
 /* shared/_footer.liquid **********************************/
 
 footer {

docs/public/js/manual-search.js

@@ -15,6 +15,6 @@ $(function() {
     var q = $value.find('.jqprogram').text().replace(/^jq /, '').replace(/^'(.+)'$/, '$1');
     var url = 'https://jqplay.org/jq?q=' + encodeURIComponent(q) +'&j=' + encodeURIComponent(j)
     var $last_tr = $value.find('tr:last');
-    $last_tr.after('<tr><th><a href="' + url + '" class="btn btn-primary btn-sm">Run</a></th><th></th></tr><tr><th></th><th></th></tr>');
+    $last_tr.after('<tr class="jqplay-btn"><th><a href="' + url + '" class="btn btn-primary btn-sm">Run</a></th><th></th></tr><tr><th></th><th></th></tr>');
   });
 });