Improve print CSS of order details

src/pretix/presale/templates/pretixpresale/event/order.html

@@ -107,7 +107,7 @@
         {% endif %}
     {% endif %}
     {% if can_download and download_buttons and order.count_positions %}
-        <div class="alert alert-info">
+        <div class="alert alert-info info-download">
             {% blocktrans trimmed %}
                 You can download your tickets using the buttons below. Please have your ticket ready when entering the event.
             {% endblocktrans %}
@@ -249,7 +249,7 @@
         <div class="clearfix"></div>
     </div>
     {% if order.cancel_allowed %}
-        <div class="panel panel-primary cart">
+        <div class="panel panel-primary panel-cancellation">
             <div class="panel-heading">
                 <h3 class="panel-title">
                     {% trans "Cancellation" context "action" %}

src/pretix/static/pretixpresale/scss/_print.scss

@@ -0,0 +1,62 @@
+@media print {
+  body {
+    font-size: 12px;
+  }
+  a[href]:after {
+    content: none;
+  }
+  .container {
+    width: 100%;
+    padding: 0;
+  }
+  .page-header {
+    margin-top: 0;
+  }
+  .page-header .pull-right,
+  .thank-you,
+  .panel-heading a,
+  .download-desktop,
+  .download-mobile,
+  .info-download,
+  .panel-cancellation,
+  footer {
+    display: none !important;
+  }
+  .cart-row .product {
+    width: 50%;
+  }
+  .cart-row.has-downloads .product {
+    width: percentage((9 / $grid-columns));
+  }
+  .cart-row .count {
+    width: 10%;
+  }
+  .cart-row .singleprice {
+    width: 20%;
+    clear: none;
+  }
+  .cart-row .totalprice {
+    width: 20%;
+  }
+  .panel-body .text-right a.btn {
+    display: none;
+  }
+  @media(max-width: $screen-sm-max) {
+    .cart-row.has-downloads .product {
+      width: 50%;
+    }
+  }
+  @media (min-width: $screen-sm-min) {
+    .dl-horizontal dt {
+      width: 100px;
+    }
+    .dl-horizontal dd {
+      margin-left: 120px;
+    }
+  }
+  @media (min-width: 0px) {
+    @include make-grid(sm);
+    @include make-grid(md);
+    @include make-grid(lg);
+  }
+}

src/pretix/static/pretixpresale/scss/main.scss

@@ -290,3 +290,4 @@ h2 .label {
 
 @import "_iframe.scss";
 @import "_a11y.scss";
+@import "_print.scss";