some print styling

[webtxt] / webnote.css

diff --git a/webnote.css b/webnote.css
index eb2306d0860ec213eee4a70006fb06b37a08a69e..4af86bdea092398a01f26d3fba0a63f948ed9c0e 100644 (file)
--- a/webnote.css
+++ b/webnote.css
@@ -6,13 +6,15 @@ button {
 }
 textarea {
   display: block;
+  font-family: monospace;
   width: 100%;
   height: 90vh;
   height: calc(100vh - 4.5em);
 }
 
 div.text {
-  white-space: pre;
+  max-width: 100%;
+  overflow: auto;
 }
 
 form.new {
@@ -30,3 +32,9 @@ ul.recent {
   display: inline-block;
   text-align: left;
 }
+
+@media print {
+  button { display: none; }
+  h1 { text-align: center; margin-top: 1em; }
+}
+@page { margin: 30mm 20mm 20mm 20mm; }