From aa00c2bfadb53003fd491631dfc215d29684fd6c Mon Sep 17 00:00:00 2001
From: Drew Del Rosario <drewdelrosario@gmail.com>
Date: Wed, 20 Sep 2023 21:13:09 -0700
Subject: [PATCH] UI changes to class names and readOnly setting

---
 client/src/Components/Counter.js    | 9 ++++++++-
 client/src/EMS/HospitalStatusRow.js | 2 +-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/client/src/Components/Counter.js b/client/src/Components/Counter.js
index 059f79a7..56a08719 100644
--- a/client/src/Components/Counter.js
+++ b/client/src/Components/Counter.js
@@ -33,7 +33,14 @@ function Counter({ label, min, max, name, onChange, value, isEditing }) {
           &minus;
         </button>
         {!Number.isNaN(value) && (
-          <input className="usa-input usa-input--small counter__input" type="text" readOnly id={name} name={name} value={value} />
+          <input
+            className="usa-input usa-input--small counter__input"
+            type="text"
+            readOnly={!isEditing}
+            id={name}
+            name={name}
+            value={value}
+          />
         )}
         <button type="button" className="usa-button counter__button counter__button--increment" onClick={handleIncrement}>
           +
diff --git a/client/src/EMS/HospitalStatusRow.js b/client/src/EMS/HospitalStatusRow.js
index 2858bcd2..c6e2a5a0 100644
--- a/client/src/EMS/HospitalStatusRow.js
+++ b/client/src/EMS/HospitalStatusRow.js
@@ -8,7 +8,7 @@ import './HospitalStatusRow.scss';
 function HospitalStatusRow({ hospitalStatus }) {
   const disabled = window.env.REACT_APP_DISABLE_PILOT_HOSPITALS === 'true' && hospitalStatus.hospitalName !== 'SF General';
   return (
-    <div className="grid-row">
+    <div className="grid-row hospitalstatusrow_container">
       <div className="grid-col-4 hospitalstatusrow__name-container">
         <h3 className="hospitalstatusrow__name">{hospitalStatus.hospitalName}</h3>
         <div className="hospitalstatusrow__timestamp">