Ste #46 - Re-styling success page

build-canaries · Jan 22, 2015 · 4df0f46 · 4df0f46
1 parent 606b8ce
commit 4df0f46
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 17 deletions.
diff --git a/resources/public/config.html b/resources/public/config.html
@@ -83,22 +83,24 @@ <h2 class="visuallyhidden">Timing</h2>
 
     <section id="success" class="dashboard-main-section">
         <h2 class="visuallyhidden">Success</h2>
-        <form class="success-form">
-            <div>
-                <label for="success-text" class="success-form-label">Success text</label>
-                <input id="success-text" type="text" name="success-text" value="=(^.^)=">
-                <!--<button id="save-success-text" type="submit">Save</button>-->
-            </div>
-            <div class="success-image-form">
-                <label for="success-image-url">Success image url</label>
-                <input id="success-image-url" type="text" placeholder="This overrides success text" name="success-image">
-                <!--<button id="save-success-image" type="submit">Save</button>-->
-            </div>
-            <div>
-                <img id="success-image" class="hidden config-success-image"/>
-            </div>
-            <button id="save-success-configuration" class="dashboard dashboard-button dashboard-button-secondary" type="submit">Save</button>
-        </form>
+        <fieldset class="tracking-cctray-group">
+            <form class="tracking-cctray-group-cctray-form">
+                <div>
+                    <label for="success-text" class="success-form-label">Text: </label>
+                    <input id="success-text" class="tracking-cctray-group-cctray-form-input" type="text" name="success-text" value="=(^.^)=">
+                    <!--<button id="save-success-text" type="submit">Save</button>-->
+                </div>
+                <div class="success-image-form">
+                    <label for="success-image-url">Image url:</label>
+                    <input id="success-image-url" class="tracking-cctray-group-cctray-form-input" type="text" placeholder="This overrides success text" name="success-image">
+                    <!--<button id="save-success-image" type="submit">Save</button>-->
+                </div>
+                <div>
+                    <img id="success-image" class="hidden config-success-image"/>
+                </div>
+                <button id="save-success-configuration" class="dashboard-button dashboard-button-secondary tracking-cctray-group-cctray-form-button" type="submit">Save</button>
+            </form>
+        </fieldset>
     </section><!-- /#timing -->
 </div><!-- /#main -->
 

diff --git a/src/scss/_config.scss b/src/scss/_config.scss
@@ -50,7 +50,11 @@
 }
 
 .success-form-label {
-  margin-right: 40px;
+  margin-right: 53px;
+}
+
+.success-form-input {
+  width: 30%;
 }
 
 .success-image-form {