Move paginator to first row

src/app/pages/tables/bikes/bikes.component.html

@@ -26,7 +26,7 @@
     >
       <mat-icon class="spin">add</mat-icon>
     </button>
-    <mat-form-field>
+    <mat-form-field class="filter">
       <mat-label>Filter</mat-label>
       <input
         matInput
@@ -132,7 +132,12 @@
               <mat-icon>more_vert</mat-icon>
             </button>
             <mat-menu #menu="matMenu">
-              <button mat-menu-item (click)="openDeleteConfirmationDialog(element)"><mat-icon>delete</mat-icon>Löschen</button>
+              <button
+                mat-menu-item
+                (click)="openDeleteConfirmationDialog(element)"
+              >
+                <mat-icon>delete</mat-icon>Löschen
+              </button>
               <button mat-menu-item>
                 <mat-icon>content_copy</mat-icon>Duplizieren
               </button>

src/app/pages/tables/bikes/bikes.component.scss

@@ -8,6 +8,14 @@
     .table-control-button {
       margin: 0.25em;
     }
+    .filter {
+      margin-right: 0.5em;
+    }
+    .mat-paginator {
+      display: inline-block;
+      width: 50em;
+      margin-right: 0.5em;
+    }
   }
   .table-container {
     flex: 1;