Fixed styling issues. Fixed dialog themes after changing theme.

src/app/actions/actions/actions.component.html

@@ -3,10 +3,10 @@
 
   <section>
     <article>
-      <mat-form-field>
+      <mat-form-field subscriptSizing="dynamic">
         <mat-label>Filter by type</mat-label>
-        <mat-select (selectionChange)="onFilterChange($event.value)"
-                    value="0">
+        <mat-select value="0"
+                    (selectionChange)="onFilterChange($event.value)">
           <mat-select-trigger>
             <mat-icon matPrefix>filter_list</mat-icon>&nbsp;{{filter.name}}
           </mat-select-trigger>
@@ -17,7 +17,7 @@
       </mat-form-field>
     </article>
     <article>
-      <mat-form-field>
+      <mat-form-field subscriptSizing="dynamic">
         <mat-label>Search</mat-label>
         <input matInput
                type="text"
@@ -28,7 +28,7 @@
       </mat-form-field>
     </article>
   </section>
-  <action-list class="center"
+  <action-list class="list center"
                [actions]="actions"
                (actionsChange)="items.push($event)" />
 </content>

src/app/actions/actions/actions.component.scss

@@ -1,12 +1,12 @@
-body,
+content,
 h3 {
   padding: 0;
   margin: 0;
 }
 
-body {
-  height: 100vh;
-  overflow: auto;
+content {
+  display: flex;
+  flex-direction: column;
   margin-top: 3em;
 }
 
@@ -19,8 +19,7 @@ section {
   display: flex;
   justify-content: space-between;
   width: 70%;
-  margin-left: auto;
-  margin-right: auto;
+  margin: 0 auto;
 
   @media (max-width:1250px) {
     display: block;
@@ -30,6 +29,7 @@ section {
   article {
     display: flex;
     justify-content: space-around;
+    margin: 1em 0;
   }
 }