From 1ed67eeca15d0af03083fa6722127911471c34b3 Mon Sep 17 00:00:00 2001
From: Cole Austin Coughlin <cole.austin.coughlin@cern.ch>
Date: Wed, 8 Sep 2021 19:59:21 -0500
Subject: [PATCH] moved most html styling to css style sheet

---
 .../templates/calculator.form.html.j2         | 12 ++++-----
 cara/apps/static/css/style.css                | 25 ++++++++++++-------
 2 files changed, 22 insertions(+), 15 deletions(-)

diff --git a/cara/apps/calculator/templates/calculator.form.html.j2 b/cara/apps/calculator/templates/calculator.form.html.j2
index a6febfe4..d3868aaf 100644
--- a/cara/apps/calculator/templates/calculator.form.html.j2
+++ b/cara/apps/calculator/templates/calculator.form.html.j2
@@ -271,7 +271,7 @@ v{{ calculator_version }} <span style="float:right; font-weight:bold">Please sen
 
 
     <div style=" margin-right:2rem;">
-      <div style="padding:10px; border: 2px solid rgb(47, 52, 66);">
+      <div class="boxMargin">
         Exposed person(s) presence:<br>
         <div class="split">
         <div>
@@ -284,7 +284,7 @@ v{{ calculator_version }} <span style="float:right; font-weight:bold">Please sen
       </div>
       <br>
 
-      <div style="padding:10px; border: 2px solid rgb(47, 52, 66);">
+      <div class="boxMargin">
         Infected person(s) presence:<br>
         <div class="split">
         <div>
@@ -332,9 +332,9 @@ v{{ calculator_version }} <span style="float:right; font-weight:bold">Please sen
       <label for="infected_dont_have_breaks_with_exposed" class="form-check-label col-sm-12">Input separate breaks for infected and exposed person(s)</label>
 
     </div><br>
-    <div id="DIVexposed_breaks" style="float:left; margin-left:1rem; margin-right:2rem;">
+    <div class="breakBoxExposed" id="DIVexposed_breaks">
       <span id="exposed_break_title" style="display:none;"><b>Exposed person(s) breaks:</b></span>
-      <div style="padding:10px; border: 2px solid rgb(47, 52, 66);">
+      <div class="boxMargin">
         Lunch break:&nbsp;&nbsp;
         <input type="radio" id="exposed_lunch_option_no" data-lunch-select="exposed" name="exposed_lunch_option" value=0 onclick="require_fields(this)">
           <label for="exposed_lunch_option_no">No</label>&nbsp;&nbsp;
@@ -379,9 +379,9 @@ v{{ calculator_version }} <span style="float:right; font-weight:bold">Please sen
       <br>
     </div>
 
-    <div id="DIVinfected_breaks" style="display:none; float:left; margin-left:1rem; margin-right:2rem;">
+    <div class="breakBoxInfected" id="DIVinfected_breaks">
       <b>Infected person(s) breaks:</b>
-      <div style="padding:10px; border: 2px solid rgb(47, 52, 66);">
+      <div class="boxMargin">
         Lunch break:&nbsp;&nbsp;
         <input type="radio" id="infected_lunch_option_no" data-lunch-select="infected" name="infected_lunch_option" value=0 onclick="require_fields(this)">
           <label for="infected_lunch_option_no">No</label>&nbsp;&nbsp;
diff --git a/cara/apps/static/css/style.css b/cara/apps/static/css/style.css
index 2f93f6a6..2b8bb197 100644
--- a/cara/apps/static/css/style.css
+++ b/cara/apps/static/css/style.css
@@ -89,10 +89,6 @@ body {
   height: 6em;
 }
 
-section {
-  /* padding: 3rem 0; */
-}
-
 .container {
   margin-inline: auto;
   width: min(90%, 70.5rem);
@@ -127,7 +123,23 @@ section {
   background: rgb(45, 138, 241);
 }
 
+.breakBoxExposed {
+  float:left; 
+  margin-left:1rem; 
+  margin-right:2rem;
+}
 
+.breakBoxInfected {
+  display:none; 
+  float:left; 
+  margin-left:1rem; 
+  margin-right:2rem;
+}
+
+.boxMargin {
+  padding:10px; 
+  border: 2px solid rgb(47, 52, 66);
+}
 
 .disclaimer {
   background: rgb(45, 138, 241);
@@ -143,11 +155,6 @@ section {
 
 /*===== INPUT =====*/
 
-.text-input {
-  
-}
-
-
 
 /*============= FOOTER =============*/