filter and multiselect dialog fix

frontend/src/app/filter-dialog/filter-dialog.component.css

@@ -1,5 +1,4 @@
 .container {
-  width: 100%;
   display: flex;
   flex-direction: row;
   justify-content: center;
@@ -10,8 +9,8 @@
 }
 
 .filterBox {
-  width: 90%;
   align-self: center;
+  padding: 30px;
 }
 
 .buttonBox {
@@ -23,10 +22,10 @@
 .dot-badge {
   background-color: #00a79d;
   color: #00a79d;
-  width: 10px;
-  /* Breite des Punkts */
-  height: 10px;
-  /* Höhe des Punkts */
+  margin-left: 2px;
+  margin-bottom: 2px;
+  padding: 4px;
   border-radius: 50%;
   /* Rundung des Punkts */
-}
+}
+

frontend/src/app/multiselect-autocomplete/multiselect-autocomplete.component.css

@@ -6,11 +6,6 @@
   min-height: 3em;
 }
 
-.custom-form-field {
-  height: 56px;
-  align-items: center;
-}
-
 .custom-form-field .form-field-container {
   display: flex;
   align-items: center;
@@ -18,10 +13,6 @@
 }
 
 .custom-form-field input[matInput] {
-  flex: 1;
-  margin-left: 8px;
-}
 
-.custom-form-field mat-checkbox {
-  margin-right: 8px; 
+  line-height: 1;
 }