feat: Admin form UI changes to "Edit Welcome" fields (#2258)

* feat: in "Edit Welcome", move "Color Theme" to btwn "Logo" and "Time taken for..." and add rows="12" to "Instructions..." textarea * chore: run formatter
opengovsg · Jun 28, 2021 · d04187a · d04187a
1 parent f28d8dd
commit d04187a
Showing 1 changed file with 23 additions and 22 deletions.
diff --git a/src/public/modules/forms/admin/views/edit-start-page.client.modal.html b/src/public/modules/forms/admin/views/edit-start-page.client.modal.html
@@ -114,6 +114,28 @@ <h2 class="modal-title">Edit Welcome</h2>
 
         <div class="row"><br /></div>
 
+        <div class="row description">
+          <div class="col-md-12 label-custom label-medium label-bottom">
+            Color Theme
+          </div>
+          <div class="col-md-12 color-field">
+            <div ng-repeat="color in vm.colorThemes">
+              <label
+                ng-class="vm.myform.startPage.colorTheme === '{{color}}' ? 'selected-color-field' : ''"
+                class="{{color}}"
+              >
+                <input
+                  type="radio"
+                  value="{{color}}"
+                  ng-model="vm.myform.startPage.colorTheme"
+                />
+              </label>
+            </div>
+          </div>
+        </div>
+
+        <div class="row"><br /></div>
+
         <div class="row question">
           <div class="col-md-12 label-custom label-medium label-bottom">
             Time Taken for Form (in minutes)
@@ -164,34 +186,13 @@ <h2 class="modal-title">Edit Welcome</h2>
               ng-model="vm.myform.startPage.paragraph"
               placeholder="e.g. 1) You will require your sales receipt to fill this reimbursement form."
               name="paragraph"
+              rows="12"
             ></textarea>
           </div>
         </div>
 
         <div class="row"><br /></div>
 
-        <div class="row description">
-          <div class="col-md-12 label-custom label-medium label-bottom">
-            Color Theme
-          </div>
-          <div class="col-md-12 color-field">
-            <div ng-repeat="color in vm.colorThemes">
-              <label
-                ng-class="vm.myform.startPage.colorTheme === '{{color}}' ? 'selected-color-field' : ''"
-                class="{{color}}"
-              >
-                <input
-                  type="radio"
-                  value="{{color}}"
-                  ng-model="vm.myform.startPage.colorTheme"
-                />
-              </label>
-            </div>
-          </div>
-        </div>
-
-        <div class="row"><br /></div>
-
         <div class="modal-footer row">
           <button
             type="submit"