From 6fa35f9bcf2f8c947a75e8805752a6cecb5ff83c Mon Sep 17 00:00:00 2001
From: Bill <billsonnn@live.com>
Date: Tue, 29 Jun 2021 02:41:12 -0400
Subject: [PATCH] Update triggers again

---
 .../execute-once/WiredTriggerExecuteOnceView.tsx | 14 ++++++++------
 .../WiredTriggerExecutePeriodicallyLongView.tsx  | 14 ++++++++------
 .../WiredTriggerExecutePeriodicallyView.tsx      | 14 ++++++++------
 .../WiredTriggerScoreAchievedView.tsx            | 16 +++++++++-------
 4 files changed, 33 insertions(+), 25 deletions(-)

diff --git a/src/views/wired/views/triggers/execute-once/WiredTriggerExecuteOnceView.tsx b/src/views/wired/views/triggers/execute-once/WiredTriggerExecuteOnceView.tsx
index 91b96998..f9f7cb4c 100644
--- a/src/views/wired/views/triggers/execute-once/WiredTriggerExecuteOnceView.tsx
+++ b/src/views/wired/views/triggers/execute-once/WiredTriggerExecuteOnceView.tsx
@@ -23,12 +23,14 @@ export const WiredTriggeExecuteOnceView: FC<{}> = props =>
 
     return (
         <WiredTriggerBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_NONE } save={ save }>
-            <div className="fw-bold">{ LocalizeText('wiredfurni.params.settime', [ 'seconds' ], [ GetWiredTimeLocale(time) ]) }</div>
-            <Slider 
-                value={ time }
-                min={ 1 }
-                max={ 1200 }
-                onChange={ event => setTime(event) } />
+            <div className="form-group">
+                <label className="fw-bold">{ LocalizeText('wiredfurni.params.settime', [ 'seconds' ], [ GetWiredTimeLocale(time) ]) }</label>
+                <Slider 
+                    value={ time }
+                    min={ 1 }
+                    max={ 1200 }
+                    onChange={ event => setTime(event) } />
+            </div>
         </WiredTriggerBaseView>
     );
 }
diff --git a/src/views/wired/views/triggers/execute-periodically-long/WiredTriggerExecutePeriodicallyLongView.tsx b/src/views/wired/views/triggers/execute-periodically-long/WiredTriggerExecutePeriodicallyLongView.tsx
index 5ee31f14..6cf75704 100644
--- a/src/views/wired/views/triggers/execute-periodically-long/WiredTriggerExecutePeriodicallyLongView.tsx
+++ b/src/views/wired/views/triggers/execute-periodically-long/WiredTriggerExecutePeriodicallyLongView.tsx
@@ -23,12 +23,14 @@ export const WiredTriggeExecutePeriodicallyLongView: FC<{}> = props =>
 
     return (
         <WiredTriggerBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_NONE } save={ save }>
-            <div className="fw-bold">{ LocalizeText('wiredfurni.params.setlongtime', [ 'time' ], [ FriendlyTime.format(time * 5).toString() ]) }</div>
-            <Slider 
-                value={ time }
-                min={ 1 }
-                max={ 120 }
-                onChange={ event => setTime(event) } />
+            <div className="form-group">
+                <label className="fw-bold">{ LocalizeText('wiredfurni.params.setlongtime', [ 'time' ], [ FriendlyTime.format(time * 5).toString() ]) }</label>
+                <Slider 
+                    value={ time }
+                    min={ 1 }
+                    max={ 120 }
+                    onChange={ event => setTime(event) } />
+            </div>
         </WiredTriggerBaseView>
     );
 }
diff --git a/src/views/wired/views/triggers/execute-periodically/WiredTriggerExecutePeriodicallyView.tsx b/src/views/wired/views/triggers/execute-periodically/WiredTriggerExecutePeriodicallyView.tsx
index 62ba254a..98049d39 100644
--- a/src/views/wired/views/triggers/execute-periodically/WiredTriggerExecutePeriodicallyView.tsx
+++ b/src/views/wired/views/triggers/execute-periodically/WiredTriggerExecutePeriodicallyView.tsx
@@ -23,12 +23,14 @@ export const WiredTriggeExecutePeriodicallyView: FC<{}> = props =>
 
     return (
         <WiredTriggerBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_NONE } save={ save }>
-            <div className="fw-bold">{ LocalizeText('wiredfurni.params.settime', [ 'seconds' ], [ GetWiredTimeLocale(time) ]) }</div>
-            <Slider 
-                value={ time }
-                min={ 1 }
-                max={ 60 }
-                onChange={ event => setTime(event) }/>
+            <div className="form-group">
+                <label className="fw-bold">{ LocalizeText('wiredfurni.params.settime', [ 'seconds' ], [ GetWiredTimeLocale(time) ]) }</label>
+                <Slider 
+                    value={ time }
+                    min={ 1 }
+                    max={ 60 }
+                    onChange={ event => setTime(event) } />
+            </div>
         </WiredTriggerBaseView>
     );
 }
diff --git a/src/views/wired/views/triggers/score-achieved/WiredTriggerScoreAchievedView.tsx b/src/views/wired/views/triggers/score-achieved/WiredTriggerScoreAchievedView.tsx
index aaa2047f..f48adfe2 100644
--- a/src/views/wired/views/triggers/score-achieved/WiredTriggerScoreAchievedView.tsx
+++ b/src/views/wired/views/triggers/score-achieved/WiredTriggerScoreAchievedView.tsx
@@ -22,13 +22,15 @@ export const WiredTriggeScoreAchievedView: FC<{}> = props =>
 
     return (
         <WiredTriggerBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_NONE } save={ save }>
-            <div className="fw-bold">{ LocalizeText('wiredfurni.params.setscore', [ 'points' ], [ points.toString() ]) }</div>
-            <Slider 
-                value={ points }
-                min={ 1 }
-                max={ 1000 }
-                step={ 1 }
-                onChange={ event => setPoints(event) } />
+            <div className="form-group">
+                <label className="fw-bold">{ LocalizeText('wiredfurni.params.setscore', [ 'points' ], [ points.toString() ]) }</label>
+                <Slider 
+                    value={ points }
+                    min={ 1 }
+                    max={ 1000 }
+                    step={ 1 }
+                    onChange={ event => setPoints(event) } />
+            </div>
         </WiredTriggerBaseView>
     );
 }