fix styling and button propagation

Start9Labs · Jan 27, 2025 · b48e069 · b48e069
1 parent 50dcba5
commit b48e069
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 3 deletions.
diff --git a/...utes/app-show/components/app-show-action-requests/app-show-action-requests.component.html b/...utes/app-show/components/app-show-action-requests/app-show-action-requests.component.html
@@ -11,7 +11,7 @@
       lines="none"
       *ngFor="let request of actionRequests[pkgId]"
       button
-      (click)="handleAction(request)"
+      (click)="handleAction(request, $event)"
     >
       <ion-icon
         slot="start"

diff --git a/...utes/app-show/components/app-show-action-requests/app-show-action-requests.component.scss b/...utes/app-show/components/app-show-action-requests/app-show-action-requests.component.scss
@@ -34,5 +34,6 @@ ion-icon {
 }
 
 :host ::ng-deep ion-item {
-  display: inline;
+  display: table-row;
+  width: fit-content;
 }
diff --git a/...routes/app-show/components/app-show-action-requests/app-show-action-requests.component.ts b/...routes/app-show/components/app-show-action-requests/app-show-action-requests.component.ts
@@ -58,7 +58,8 @@ export class AppShowActionRequestsComponent {
   }
   constructor(private readonly actionService: ActionService) {}
 
-  async handleAction(request: T.ActionRequest) {
+  async handleAction(request: T.ActionRequest, e: Event) {
+    e.stopPropagation()
     const self = request.packageId === this.manifest.id
     this.actionService.present({
       pkgInfo: {