Improve printable view.

[guiltcards] / views / cards_print.tpl
diff --git a/views/cards_print.tpl b/views/cards_print.tpl

index b7b63a1aa19975e3d3c5abc13f68a56be4eb4d67..2c4d76b1472088559851fdf58844e08c0f75dc6f 100644 (file)
--- a/views/cards_print.tpl
+++ b/views/cards_print.tpl
@@ -1,9 +1,24 @@
  % include('_meta_head.tpl')
  <style>
  % include('_card.css')
-  .card {
-      page-break-before: always;
-  }
+.card {
+    page-break-before: always;
+    width: 100vw;
+    min-height: 100vh;
+    border: 5vw solid #aaaaaa;
+}
+.title {
+    text-align: center;
+    font-size: 7vw;
+}
+.answer {
+    padding: 2vw;
+}
+.paragraph, .answer, .prompt {
+    font-size: 4vw;
+    padding-left: 4vw;
+    padding-right: 4vw;
+}
  </style>
  <body>
  % for card in cards: