Fix all dropdowns

Author: fcv-iteratorIt

src/app/applications/applications-list/applications-table/applications-table.component.html

@@ -4,7 +4,8 @@
       <mat-spinner></mat-spinner>
     }
   </div>
-} @if (errorMessage) {
+}
+@if (errorMessage) {
   <div class="error-messages p-3 m-2">
     {{ errorMessage | translate }}
   </div>
@@ -218,12 +219,13 @@
         <td *matCellDef="let element" mat-cell>
           @if (element?.id | canEditApplication) {
             <div class="dropdown">
+              <!--              TODO: Prevent default -->
               <a
+                (click)="$event.stopPropagation();$event.preventDefault()"
                 [attr.aria-label]="'APPLICATION-TABLE-ROW.SHOW-OPTIONS' | translate"
                 aria-expanded="false"
                 class="applicationRow__edit dropdown-toggle"
                 data-bs-toggle="dropdown"
-                href="#"
                 id="tableRowDropdown-{{ element.id }}"
                 role="button"
               ></a>

src/app/gateway/gateway-table/gateway-table.component.html

@@ -4,7 +4,7 @@
   [localStorageKey]="gatewayTableSavedColumns"
 ></app-column-selector>
 
-<div class="mat-elevation-z8 overflow-auto">
+<div class="mat-elevation-z8 ">
   @if (isLoadingResults) {
     <div class="loading-shade">
       @if (isLoadingResults) {
@@ -275,15 +275,16 @@
         @if (gatewayStatus(gateway)) {
           <fa-icon [icon]="faCheckCircle" class="fa-ok"></fa-icon>
         } @else {
-        <fa-icon [icon]="faExclamationTriangle" class="fa-error"></fa-icon>
-      }
+          <fa-icon [icon]="faExclamationTriangle" class="fa-error"></fa-icon>
+        }
       </td>
     </ng-container>
 
     <ng-container matColumnDef="menu">
       <th *matHeaderCellDef mat-header-cell></th>
       <td *matCellDef="let gateway" class="overflowVisible" mat-cell>
         @if (gateway.canEdit) {
+          <!--          TODO: Shinanigans with menu-->
           <div class="dropdown">
             <a
               [attr.aria-label]="'LORA-GATEWAY-TABLE-ROW.SHOW-OPTIONS' | translate"

src/assets/scss/components/_tables.scss

@@ -37,7 +37,7 @@ table {
 
 .dropdown {
   .applicationRow__edit {
-    width: 10px;
+    width: 20px;
     height: 20px;
     background-image: radial-gradient(circle, $black 2px, transparent 1px);
     background-size: 100% 33.33%;