MDCMigration: fix settings modal style

Author: JamesHollyer

tensorboard/webapp/settings/_views/settings_dialog_component.css

@@ -17,21 +17,14 @@ limitations under the License.
 }
 
 :host > div {
-  margin: 10px 0;
-}
-
-:host > :first-child {
-  margin-top: 0;
-}
-
-:host > :last-child {
-  margin-bottom: 0;
+  margin: 8px;
 }
 
 h3 {
   font-size: 20px;
+  margin: 8px;
 }
 
 .reload-toggle {
-  margin-bottom: 10px;
+  margin-bottom: 8px;
 }

tensorboard/webapp/settings/_views/settings_dialog_component.ng.html

@@ -23,11 +23,11 @@ <h3>Settings</h3>
   </div>
   <div>
     <mat-form-field>
+      <mat-label>Reload Period (seconds)</mat-label>
       <input
         class="reload-period"
         matInput
         type="number"
-        placeholder="Reload Period (seconds)"
         [formControl]="reloadPeriodControl"
       />
     </mat-form-field>
@@ -43,11 +43,11 @@ <h3>Settings</h3>
 </div>
 <div>
   <mat-form-field>
+    <mat-label>Pagination Limit</mat-label>
     <input
       class="page-size"
       matInput
       type="number"
-      placeholder="Pagination Limit"
       [formControl]="paginationControl"
     />
   </mat-form-field>