chore: styling tweaks to ReadOnlyAdjustableCalculatedValueWidget

bcgov · Jul 18, 2023 · 6b9c4d3 · 6b9c4d3
1 parent 5f063e1
commit 6b9c4d3
Showing 1 changed file with 3 additions and 4 deletions.
diff --git a/app/lib/theme/widgets/ReadOnlyAdjustableCalculatedValueWidget.tsx b/app/lib/theme/widgets/ReadOnlyAdjustableCalculatedValueWidget.tsx
@@ -21,7 +21,7 @@ const ReadOnlyAdjustableCalculatedValueWidget: React.FC<WidgetProps> = (
   const adjustedInputId = `${id}_adjusted`;
 
   return (
-    <div>
+    <div className="readOnlyAdjustableCalculatedValueWidgetWrapper">
       {calculatedValue && (
         <>
           {
@@ -59,12 +59,11 @@ const ReadOnlyAdjustableCalculatedValueWidget: React.FC<WidgetProps> = (
           )}
         </div>
       )}
-
       <style jsx>{`
-        div.adjustedValue {
+        .readOnlyAdjustableCalculatedValueWidgetWrapper {
           display: flex;
         }
-        div.better {
+        .adjustedValue {
           display: flex;
         }
         dt {