From 1fe8b378fbd63ed452c0d6ad6d3e658a05fc1ef2 Mon Sep 17 00:00:00 2001
From: Luis Aleixo <luis.aleixo@cern.ch>
Date: Mon, 11 Oct 2021 17:24:59 +0200
Subject: [PATCH] changed logo size

---
 .../templates/calculator.form.html.j2         | 19 +++++++++++++------
 cara/apps/static/css/style.css                |  8 +++++++-
 2 files changed, 20 insertions(+), 7 deletions(-)

diff --git a/cara/apps/calculator/templates/calculator.form.html.j2 b/cara/apps/calculator/templates/calculator.form.html.j2
index 220e7f08..b90d02b7 100644
--- a/cara/apps/calculator/templates/calculator.form.html.j2
+++ b/cara/apps/calculator/templates/calculator.form.html.j2
@@ -18,7 +18,7 @@
 
 {% block main %}
 
-v{{ calculator_version }} <span style="float:right; font-weight:bold">Please send feedback to <a href="mailto:CARA-dev@cern.ch">CARA-dev@cern.ch</a></span>
+v{{ calculator_version }} <span style="float:right; font-size:2.5vh; font-weight:bold">Please send feedback to <a href="mailto:CARA-dev@cern.ch">CARA-dev@cern.ch</a></span>
 <header class= "bg-light">
   <div class="container container--narrow container--padding">
     <img src="/static/images/cara_logo.200x200.png"  class="logo">
@@ -108,15 +108,16 @@ v{{ calculator_version }} <span style="float:right; font-weight:bold">Please sen
         <input type="number" step="any" id="ceiling_height" class="non_zero form-control" name="ceiling_height" placeholder="Room ceiling height (m)" min="0" data-has-radio="#room_data_dimensions">
       </div>
     </div>
-    
-    <br>
 
-    Central heating system in use:
+    <div class="split">
+    <div>Central heating system in use:</div>
+    <div>
     <input class="ml-2" type="radio" id="heating_no" name="room_heating_option" value=0 checked="checked">
       <label for="heating_no">No</label>
     <input class="ml-2" type="radio" id="heating_yes" name="room_heating_option" value=1>
       <label for="heating_yes">Yes</label>
-
+    </div>
+    </div>
     <div class="form-group row">
       <div class="col-sm-4"><label class="col-form-label">Location:</label></div>
       <div class="col-sm-6 align-self-center"><select id="location_select" form="not-submitted" class="form-control" name="location_select" required></select></div>
@@ -143,12 +144,18 @@ v{{ calculator_version }} <span style="float:right; font-weight:bold">Please sen
 
     <div class='sub_title'>Ventilation type:</div>
     
+    <div class="split">
+    <div>
     <input type="radio" id="no_ventilation" name="ventilation_type" value="no_ventilation" checked>
       <label for="no_ventilation">No ventilation</label>
     <input class="ml-2" type="radio" id="mechanical_ventilation" name="ventilation_type" value="mechanical_ventilation" data-enables="#DIVmechanical_ventilation">
       <label for="mechanical_ventilation">Mechanical</label>
-    <input class="ml-2" type="radio" id="natural_ventilation" name="ventilation_type" value="natural_ventilation" data-enables="#DIVnatural_ventilation">
+    </div>
+    <div>
+    <input type="radio" id="natural_ventilation" name="ventilation_type" value="natural_ventilation" data-enables="#DIVnatural_ventilation">
       <label for="natural_ventilation">Natural</label><br>
+    </div>
+    </div>
 
     <div id="DIVmechanical_ventilation" class="tabbed" style="display:none">
         <div class="split">
diff --git a/cara/apps/static/css/style.css b/cara/apps/static/css/style.css
index e1c45274..fd8b6a36 100644
--- a/cara/apps/static/css/style.css
+++ b/cara/apps/static/css/style.css
@@ -86,7 +86,7 @@ body {
   display: block;
   margin-left: auto;
   margin-right: auto;
-  height: 6em;
+  height: 4em;
 }
 
 .container {
@@ -108,6 +108,7 @@ body {
 
 .head-center {
   text-align: center;
+  font-size: 3vh;
 }
 
 .center {
@@ -194,6 +195,11 @@ footer img {
 
   .logo {
     float: left;
+    height: 6em;
+  }
+
+  .head-center {
+    font-size: 2.5rem;
   }
 }
 /* Devices under 768px (md) */