From 9262801cfd011d11acbaf63bf44c9a5e8b575aed Mon Sep 17 00:00:00 2001
From: JP <85654561+jp524@users.noreply.github.com>
Date: Mon, 13 May 2024 16:04:59 -0500
Subject: [PATCH 1/3] Update labels for Contact Details section

Co-authored-by: Josh Smith <jmsmith1018@gmail.com>
---
 app/views/case_contacts/form/details.html.erb | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/app/views/case_contacts/form/details.html.erb b/app/views/case_contacts/form/details.html.erb
index b2d869c748..c2a168ff7c 100644
--- a/app/views/case_contacts/form/details.html.erb
+++ b/app/views/case_contacts/form/details.html.erb
@@ -32,9 +32,9 @@
     </div>
 
     <div id="enter-contact-details" class="card-style-1 pl-25 mb-10">
-      <h4 class="mb-3"><label>3. Enter Contact Details</label><span class="red-letter"> *</span></h4>
+      <h4 class="mb-3"><label>3. Record contact details</label><span class="red-letter"> *</span></h4>
       <div class="">
-        <h5 classs="mb-3"><label>a. Contact Made</label></h5>
+        <h5 classs="mb-3"><label>a. Was contact made?</label></h5>
         <div class="form-check radio-style mb-20">
           <%= form.radio_button :contact_made, true,
             checked: @case_contact.contact_made,
@@ -54,7 +54,7 @@
       </div>
 
       <div class="field contact-medium form-group">
-        <h5 classs="mb-3"><label>b. Contact Medium</label></h5>
+        <h5 classs="mb-3"><label>b. How was contact made?</label></h5>
         <%= form.collection_radio_buttons(:medium_type, contact_mediums, 'value', 'label') do |b| %>
           <div class="form-check radio-style mb-20">
             <%= b.radio_button(class: "form-check-input") %>
@@ -64,7 +64,7 @@
       </div>
 
       <div class="pr-50">
-        <h5 class="mb-3"><%= form.label :occurred_at, "c. Occurred On" %></h5>
+        <h5 class="mb-3"><%= form.label :occurred_at, "c. Date of contact" %></h5>
         <div class="input-style-1">
           <% occurred_at = @case_contact.occurred_at || Time.zone.now %>
           <%= render "layouts/components/ranged_date_picker",
@@ -74,7 +74,7 @@
       </div>
 
       <div class="pr-50 ">
-        <h5 class="mb-3"><label>d. Duration of Meeting</label></h5>
+        <h5 class="mb-3"><label>d. Duration of contact</label></h5>
         <%= render(Form::HourMinuteDurationComponent.new(form: form, hour_value: duration_hours(@case_contact), minute_value: duration_minutes(@case_contact))) %>
       </div>
     </div>

From e55a37142093ee8c8a21714642b57c5944102c01 Mon Sep 17 00:00:00 2001
From: JP <85654561+jp524@users.noreply.github.com>
Date: Mon, 13 May 2024 16:05:33 -0500
Subject: [PATCH 2/3] WIP update duration input fields

Co-authored-by: Josh Smith <jmsmith1018@gmail.com>
---
 .../form/hour_minute_duration_component.html.erb     | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/app/components/form/hour_minute_duration_component.html.erb b/app/components/form/hour_minute_duration_component.html.erb
index 6d5fab8f0c..563d7ec11f 100644
--- a/app/components/form/hour_minute_duration_component.html.erb
+++ b/app/components/form/hour_minute_duration_component.html.erb
@@ -1,19 +1,21 @@
-<div class="row align-items-center">
-  <div class="input-style-1 col pl-0">
+<div class="d-flex flex-column flex-lg-row gap-2">
+  <div class="col input-style-1">
     <%= @form.label :duration_hours, "Hour(s)" %>
     <%= @form.number_field :duration_hours,
       min: 0,
-      class: "cc-field",
+      class: "form-control",
       size: "10",
+
       value: @hour_value,
       required: true %>
   </div>
-  <div class="input-style-1 col">
+  <div class="col input-style-1">
     <%= @form.label :duration_minutes, "Minute(s)" %>
     <%= @form.number_field :duration_minutes,
       min: 0,
-      class: "cc-field",
+      class: "form-control",
       size: "10",
+      style: "background:white",
       value: @minute_value,
       required: true %>
   </div>

From 0cff7d20d682c75d2650924e9e27e8ac69864d08 Mon Sep 17 00:00:00 2001
From: JP <85654561+jp524@users.noreply.github.com>
Date: Mon, 13 May 2024 16:05:33 -0500
Subject: [PATCH 3/3] Update duration input fields

Co-authored-by: Josh Smith <jmsmith1018@gmail.com>
---
 .../form/hour_minute_duration_component.html.erb     | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/app/components/form/hour_minute_duration_component.html.erb b/app/components/form/hour_minute_duration_component.html.erb
index 6d5fab8f0c..7a0ba75ba4 100644
--- a/app/components/form/hour_minute_duration_component.html.erb
+++ b/app/components/form/hour_minute_duration_component.html.erb
@@ -1,19 +1,21 @@
-<div class="row align-items-center">
-  <div class="input-style-1 col pl-0">
+<div class="d-flex flex-column flex-lg-row gap-2">
+  <div class="col input-style-1">
     <%= @form.label :duration_hours, "Hour(s)" %>
     <%= @form.number_field :duration_hours,
       min: 0,
-      class: "cc-field",
+      class: "form-control",
       size: "10",
+      style: "background:white",
       value: @hour_value,
       required: true %>
   </div>
-  <div class="input-style-1 col">
+  <div class="col input-style-1">
     <%= @form.label :duration_minutes, "Minute(s)" %>
     <%= @form.number_field :duration_minutes,
       min: 0,
-      class: "cc-field",
+      class: "form-control",
       size: "10",
+      style: "background:white",
       value: @minute_value,
       required: true %>
   </div>