From de7313c8ce81c1a361590a3fa7bd370be8a9129c Mon Sep 17 00:00:00 2001
From: Brandon Thomas <echelon@gmail.com>
Date: Wed, 23 Feb 2022 18:49:34 -0500
Subject: [PATCH] decompress UI a little

---
 .../src/pages/tts_configs/TtsConfigsEditRulePage.tsx | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/packages/storyteller/src/pages/tts_configs/TtsConfigsEditRulePage.tsx b/packages/storyteller/src/pages/tts_configs/TtsConfigsEditRulePage.tsx
index 8cbecaa2f9..5f366e68db 100644
--- a/packages/storyteller/src/pages/tts_configs/TtsConfigsEditRulePage.tsx
+++ b/packages/storyteller/src/pages/tts_configs/TtsConfigsEditRulePage.tsx
@@ -198,7 +198,7 @@ function TtsConfigsEditRulePage(props: Props) {
 
       <form onSubmit={handleFormSubmit}>
 
-        <h2 className="title is-4">Match on</h2>
+        <h2 className="title is-4">1) Pick a type of rule</h2>
 
         <div className="field">
           <label className="label">Rule Type</label>
@@ -215,18 +215,24 @@ function TtsConfigsEditRulePage(props: Props) {
           </div>
         </div>
 
+        <br />
         <br />
 
+        <h2 className="title is-4">2) Configure matching</h2>
+        
         {ruleTypeForm}
 
+        <br />
         <br />
 
-        <h2 className="title is-4">TTS Behavior</h2>
+        <h2 className="title is-4">3) Pick how to respond</h2>
         <p>Todo</p>
+
         <br />
         <br />
 
-        <h2 className="title is-4">Final Rule</h2>
+        <h2 className="title is-4">This is the rule:</h2>
+
         <div className="content">
           <TwitchEventRuleElement 
             rule={twitchEventRule}