Clean up

apps/client/src/app/components/admin-jobs/admin-jobs.html

@@ -2,10 +2,7 @@
   <div class="row">
     <div class="col">
       <form class="align-items-center d-flex" [formGroup]="filterForm">
-        <mat-form-field
+        <mat-form-field appearance="outline" class="w-100 without-hint">
-          appearance="outline"
-          class="compact-with-outline without-hint w-100"
-        >
           <mat-select formControlName="status">
             <mat-option></mat-option>
             <mat-option

apps/client/src/app/components/admin-overview/admin-overview.html

@@ -172,7 +172,7 @@
                 <form #couponForm="ngForm" class="align-items-center d-flex">
                   <mat-form-field
                     appearance="outline"
-                    class="compact-with-outline mr-2 without-hint"
+                    class="mr-2 without-hint"
                   >
                     <mat-select
                       name="duration"

apps/client/src/app/pages/account/account-page.html

@@ -105,7 +105,7 @@
                 <div class="pl-1 w-50">
                   <mat-form-field
                     appearance="outline"
-                    class="compact-with-outline w-100 without-hint"
+                    class="w-100 without-hint"
                   >
                     <mat-select
                       name="baseCurrency"
@@ -129,7 +129,7 @@
                 <div class="pl-1 w-50">
                   <mat-form-field
                     appearance="outline"
-                    class="compact-with-outline w-100 without-hint"
+                    class="w-100 without-hint"
                   >
                     <mat-select
                       name="language"
@@ -174,7 +174,7 @@
                 <div class="pl-1 w-50">
                   <mat-form-field
                     appearance="outline"
-                    class="compact-with-outline w-100 without-hint"
+                    class="w-100 without-hint"
                   >
                     <mat-select
                       name="locale"
@@ -199,7 +199,7 @@
                 <div class="pl-1 w-50">
                   <mat-form-field
                     appearance="outline"
-                    class="compact-with-outline w-100 without-hint"
+                    class="w-100 without-hint"
                   >
                     <mat-select
                       class="with-placeholder-as-option"

apps/client/src/styles.scss

@@ -402,10 +402,6 @@ ngx-skeleton-loader {
 }
 
 .mat-mdc-form-field {
-  &.compact-with-outline {
-    // TODO: Configure density in Angular Material
-  }
-
   &.without-hint {
     .mat-mdc-form-field-subscript-wrapper {
       display: none;