Merge branch 'feature/printable_version' into 'master'

Fix printable version

Closes #201 and #202

See merge request cara/cara!272

cara/apps/calculator/static/css/report.css

@@ -136,11 +136,9 @@ p.notes {
     .card {
         page-break-inside: avoid;
     }
-    /* CSS styling to avoid page breaks. */
-    .break-after {
-        page-break-after: always;
-    }
-    .break-avoid {
+    #disclaimer {
+        border: 2px solid black;
+        padding: 15px; 
         page-break-inside: avoid;
     }
 }
@@ -154,7 +152,8 @@ p.notes {
     position: relative;
     text-align: center;
     border-radius: 100px;
-    z-index: 1
+    z-index: 1;
+    -webkit-print-color-adjust: exact!important;
 }
 
 .intro-banner-vdo-play-btn i {

cara/apps/calculator/templates/base/calculator.report.html.j2

@@ -390,7 +390,7 @@
 
 {% block disclaimer_container %}
 	<br><br><br>
-	<div style="border: 2px solid black; padding: 15px;">
+	<div id="disclaimer">
 		{% block disclaimer %}
 		<p class="image"> <img align="middle" src="{{ calculator_prefix }}/static/images/disclaimer.jpg" width="40" height="40"><b>Disclaimer:</b><br><br></p>
 

cara/apps/calculator/themes/cern/templates/calculator.report.html.j2

@@ -145,7 +145,6 @@
     </div>
   </div>
 </div>
-<div class="break-avoid fourth_page"></div>	
 {% endblock report_preamble %}
 
 {% block report_footer %}