formatted the spacing on the configuration page (fixes #8975)

Author: emmanuelbaa

src/app/configuration/configuration.component.html

@@ -56,7 +56,7 @@
           </mat-option>
         </mat-autocomplete>
       </mat-form-field>
-      <div class="full-width" *ngIf="showAdvancedOptions">
+      <div class="full-width advanced-options-container" *ngIf="showAdvancedOptions">
         <span i18n>Advanced Options:</span>
         <ng-container *ngIf="showAdvancedOptions">
           <mat-form-field>

src/app/configuration/configuration.component.ts

@@ -34,6 +34,14 @@ const removeProtocol = (str: string) => {
     .advanced {
       grid-column-start: 2;
     }
+    .advanced-options-container {
+      display: flex;
+      flex-direction: column;
+    }
+
+    .advanced-options-container > * {
+      margin-bottom: 10px;
+    }
   ` ]
 })
 export class ConfigurationComponent implements OnInit {