Add the print button on the right

Author: fblettner

docs/css/custom.css

@@ -30,4 +30,14 @@
     .print-button {
         display: none;
     }
-  }
+  }
+
+
+.print-button {
+    float: right; /* Moves the button to the right */
+    margin-left: 1em; /* Adds spacing from the content */
+    padding: 0.5em 1em; /* Padding for better aesthetics */
+    border: none; /* Remove border */
+    border-radius: 4px; /* Rounded corners */
+    cursor: pointer; /* Change cursor on hover */
+}

docs/js/extra.js

@@ -7,6 +7,6 @@ document.addEventListener('DOMContentLoaded', function () {
         printButton.addEventListener('click', function () {
             window.print();
         });
-        header.after(printButton); // Add the button after the title
+        header.before(printButton); // Add the button after the title
     }
 });