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] 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>