Merge pull request #1972 from chenba/1967-support-form-padding

fix(css): update support form spacing

packages/fxa-content-server/app/scripts/templates/support.mustache

@@ -32,7 +32,7 @@
               <h3>{{#t}}Contact Us{{/t}}</h3>
             </header>
             <form id="fxa-support" novalidate>
-              <div>
+              <div class="support-field">
                 <div class="form-label">
                   <label for="topic">{{#t}}What do you need help with?{{/t}}</label>
                 </div>
@@ -47,7 +47,7 @@
                   </select>
                 </div>
               </div>
-              <div>
+              <div class="support-field">
                 <div class="form-label">
                   <label for="subject">{{#t}}Subject (optional){{/t}}</label>
                 </div>
@@ -55,7 +55,7 @@
                   <input type="text" id="subject" name="subject"/>
                 </div>
               </div>
-              <div>
+              <div class="support-field">
                 <div class="form-label">
                   <label for="message">{{#t}}Description of Issue{{/t}}</label>
                 </div>

packages/fxa-content-server/app/styles/modules/support.scss

@@ -19,8 +19,20 @@
 .support-form {
   margin: 25px 32px;
 
-  h3 {
-    font-size: 16px;
+  header {
+    margin-bottom: 20px;
+
+    h3 {
+      font-size: 16px;
+    }
+  }
+
+  .support-field {
+    padding: 0 33px;
+
+    &:nth-child(3) {
+      margin-bottom: 30px;
+    }
   }
 
   textarea {