Style/fix alignment

libs/ui/src/lib/activities-table/activities-table.component.html

@@ -1,5 +1,6 @@
-@if (hasPermissionToFilterByType) {
+<div class="d-flex justify-content-between">
   <div class="d-none d-lg-flex">
+    @if (hasPermissionToFilterByType) {
       <mat-form-field appearance="outline" class="without-hint">
         <mat-label i18n>Type</mat-label>
         <mat-select multiple [formControl]="typesFilter">
@@ -13,10 +14,10 @@
           }
         </mat-select>
       </mat-form-field>
+    }
   </div>
-}
 
-@if (hasPermissionToCreateActivity) {
+  @if (hasPermissionToCreateActivity) {
     <div class="d-flex justify-content-end">
       <button
         class="align-items-center d-flex"
@@ -36,7 +37,11 @@
           <ion-icon name="ellipsis-vertical" />
         </button>
       }
-    <mat-menu #activitiesMenu="matMenu" class="no-max-width" xPosition="before">
+      <mat-menu
+        #activitiesMenu="matMenu"
+        class="no-max-width"
+        xPosition="before"
+      >
         <button
           mat-menu-item
           [disabled]="dataSource()?.data.length === 0"
@@ -89,7 +94,8 @@
         </button>
       </mat-menu>
     </div>
-}
+  }
+</div>
 
 <div class="overflow-x-auto">
   <table