From b9143727a033ca6e7753dbe0664316b7d322150c Mon Sep 17 00:00:00 2001
From: Luis Aleixo <luis.aleixo@cern.ch>
Date: Wed, 4 Aug 2021 10:21:07 +0200
Subject: [PATCH] text-size larger and qr code expanded

---
 .../calculator/templates/base/calculator.report.html.j2   | 8 ++++----
 .../themes/cern/templates/calculator.report.html.j2       | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/cara/apps/calculator/templates/base/calculator.report.html.j2 b/cara/apps/calculator/templates/base/calculator.report.html.j2
index 995e2ec3..25d0f880 100644
--- a/cara/apps/calculator/templates/base/calculator.report.html.j2
+++ b/cara/apps/calculator/templates/base/calculator.report.html.j2
@@ -60,7 +60,7 @@
 											<div class="card-body d-flex" style="min-height: 160px">
 												{% block warning_animation %}
 													<div class="intro-banner-vdo-play-btn bg-secondary m-auto d-flex align-items-center justify-content-center">
-														<b style="color: #000000">{{prob_inf | non_zero_percentage}}</b>
+														<b style="font-size: larger">{{prob_inf | non_zero_percentage}}</b>
 														<i class="glyphicon glyphicon-play whiteText" aria-hidden="true"></i>
 														<span class="ripple bg-secondary"></span>
 														<span class="ripple bg-secondary"></span>
@@ -136,14 +136,14 @@
 
 			{% block report_footer %}
 				<div class="card bg-light mb-3">
-					<div class="card-header"><strong>QR code </strong> 
-					<button class="icon_button p-0 float-right" data-toggle="collapse" href="#collapseQRcode" role="button" aria-expanded="false" aria-controls="collapseQRcode">
+					<div class="card-header"><strong>Link to reproduce results </strong> 
+					<button class="icon_button p-0 float-right" data-toggle="collapse" href="#collapseQRcode" role="button" aria-expanded="true" aria-controls="collapseQRcode">
 						<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-expand" viewBox="0 0 16 16">
 						<path fill-rule="evenodd" d="M3.646 9.146a.5.5 0 0 1 .708 0L8 12.793l3.646-3.647a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 0-.708zm0-2.292a.5.5 0 0 0 .708 0L8 3.207l3.646 3.647a.5.5 0 0 0 .708-.708l-4-4a.5.5 0 0 0-.708 0l-4 4a.5.5 0 0 0 0 .708z"/>
 						</svg>
 					</button>
 					</div>
-					<div class="collapse" id="collapseQRcode">
+					<div class="collapse show" id="collapseQRcode">
 						<div class="card-body">
 							<div>
 								<a href="{{ qr_code.link }}" style="float: left;"><img style="width:250pt;" id="qr_code" src="{{ qr_code.image }}"/></a>
diff --git a/cara/apps/calculator/themes/cern/templates/calculator.report.html.j2 b/cara/apps/calculator/themes/cern/templates/calculator.report.html.j2
index 96c22fe0..c40b3ace 100644
--- a/cara/apps/calculator/themes/cern/templates/calculator.report.html.j2
+++ b/cara/apps/calculator/themes/cern/templates/calculator.report.html.j2
@@ -13,7 +13,7 @@
   {% endif %}
   
   <div class="intro-banner-vdo-play-btn {{warning_color}} m-auto d-flex align-items-center justify-content-center">
-    <b style="color: #000000">{{prob_inf | non_zero_percentage}}</b>
+    <b style="font-size: larger">{{prob_inf | non_zero_percentage}}</b>
     <i class="glyphicon glyphicon-play whiteText" aria-hidden="true"></i>
     <span class="ripple {{warning_color}}"></span>
     <span class="ripple {{warning_color}}"></span>