Minor visual change to settings

src/app/settings/settings.component.html

@@ -2,7 +2,7 @@
 <!-- <ng-container i18n="Allow subscriptions setting"></ng-container> -->
 <mat-dialog-content>
 <!-- Language -->
-<div>
+<div style="margin-bottom: 10px;">
     Language:&nbsp;&nbsp;&nbsp;<mat-select class="locale-select" (selectionChange)="localeSelectChanged($event.value)" [(value)]="initialLocale">
         <mat-option *ngFor="let locale of supported_locales" [value]="locale">
             {{all_locales[locale]['nativeName']}}
@@ -11,7 +11,7 @@
 </div>
 
 <!-- Host -->
-<mat-expansion-panel class="settings-expansion-panel">
+<mat-expansion-panel class="settings-expansion-panel mat-elevation-z4">
     <mat-expansion-panel-header>
         <mat-panel-title>
             <ng-container i18n="Host settings title">Host</ng-container>
@@ -37,7 +37,7 @@
 </mat-expansion-panel>
 
 <!-- Encryption -->
-<mat-expansion-panel class="settings-expansion-panel">
+<mat-expansion-panel class="settings-expansion-panel mat-elevation-z4">
     <mat-expansion-panel-header>
         <mat-panel-title>
             <ng-container i18n="Encryption settings title">Encryption</ng-container>
@@ -65,7 +65,7 @@
 </mat-expansion-panel>
 
 <!-- Downloader -->
-<mat-expansion-panel class="settings-expansion-panel">
+<mat-expansion-panel class="settings-expansion-panel mat-elevation-z4">
     <mat-expansion-panel-header>
         <mat-panel-title>
             <ng-container i18n="Downloader settings title">Downloader</ng-container>
@@ -104,7 +104,7 @@
 </mat-expansion-panel>
 
 <!-- Extra -->
-<mat-expansion-panel class="settings-expansion-panel">
+<mat-expansion-panel class="settings-expansion-panel mat-elevation-z4">
     <mat-expansion-panel-header>
         <mat-panel-title>
             <ng-container i18n="Extra settings title">Extra</ng-container>
@@ -139,7 +139,7 @@
 </mat-expansion-panel>
 
 <!-- API -->
-<mat-expansion-panel class="settings-expansion-panel">
+<mat-expansion-panel class="settings-expansion-panel mat-elevation-z4">
     <mat-expansion-panel-header>
         <mat-panel-title>
             <ng-container i18n="API settings title">API</ng-container>
@@ -161,7 +161,7 @@
 </mat-expansion-panel>
 
 <!-- Themes -->
-<mat-expansion-panel class="settings-expansion-panel">
+<mat-expansion-panel class="settings-expansion-panel mat-elevation-z4">
     <mat-expansion-panel-header>
         <mat-panel-title>
             <ng-container i18n="Themes settings title">Themes</ng-container>
@@ -184,7 +184,7 @@
 </mat-expansion-panel>
 
 <!-- Subscriptions -->
-<mat-expansion-panel class="settings-expansion-panel">
+<mat-expansion-panel class="settings-expansion-panel mat-elevation-z4">
     <mat-expansion-panel-header>
         <mat-panel-title>
             <ng-container i18n="Subscriptions settings title">Subscriptions</ng-container>
@@ -217,7 +217,7 @@
 </mat-expansion-panel>
 
 <!-- Extensions -->
-<mat-expansion-panel class="settings-expansion-panel">
+<mat-expansion-panel class="settings-expansion-panel mat-elevation-z4">
     <mat-expansion-panel-header>
         <mat-panel-title>
             <ng-container i18n="Extensions settings title">Extensions</ng-container>
@@ -249,7 +249,7 @@
 
 
 <!-- Advanced -->
-<mat-expansion-panel class="settings-expansion-panel">
+<mat-expansion-panel class="settings-expansion-panel mat-elevation-z4">
     <mat-expansion-panel-header>
         <mat-panel-title>
             <ng-container i18n="Advanced settings title">Advanced</ng-container>
@@ -286,7 +286,7 @@
             <ng-container i18n="Settings save button">Save</ng-container>
         </button>
         <button mat-flat-button [mat-dialog-close]="false"><mat-icon>cancel</mat-icon>&nbsp;&nbsp;
-            <ng-container i18n="Settings cancel button">Cancel</ng-container>
+            <span i18n="Settings cancel and close button">{settingsAreTheSame + "", select, true {Close} false {Cancel} other {otha}}</span>
         </button>
     </div>
 </mat-dialog-actions>