From da25f9dd3edd50f9aa7340b322a26562088ea2bf Mon Sep 17 00:00:00 2001
From: LailaWulandarii <E41220418@student.polije.ac.id>
Date: Wed, 14 Jan 2026 18:13:44 +0700
Subject: [PATCH] update gap for actio button

---
 .../views/admin/paket-foto/index.blade.php    | 49 ++++++++++---------
 .../views/admin/produk-buket/index.blade.php  | 26 +++++-----
 2 files changed, 41 insertions(+), 34 deletions(-)

diff --git a/resources/views/admin/paket-foto/index.blade.php b/resources/views/admin/paket-foto/index.blade.php
index a46f7f2..cddac44 100644
--- a/resources/views/admin/paket-foto/index.blade.php
+++ b/resources/views/admin/paket-foto/index.blade.php
@@ -79,20 +79,23 @@
                                                 style="width: 50px; height: 50px; object-fit: cover;">
                                         </td>
                                         <td class="col-auto text-center">
-                                            <a href="#" class="btn icon btn-primary btn-action" data-bs-toggle="modal"
-                                                data-bs-target="#foto{{ $f->id_paket }}">
-                                                <i class="bi bi-eye"></i>
-                                            </a>
+                                            <div class="d-flex flex-wrap justify-content-center gap-1">
 
-                                            <a href="#" class="btn icon btn-warning btn-action" data-bs-toggle="modal"
-                                                data-bs-target="#editFoto{{ $f->id_paket }}">
-                                                <i class="bi bi-pencil"></i>
-                                            </a>
+                                                <a href="#" class="btn icon btn-primary btn-action"
+                                                    data-bs-toggle="modal" data-bs-target="#foto{{ $f->id_paket }}">
+                                                    <i class="bi bi-eye"></i>
+                                                </a>
 
-                                            <a href="#" class="btn icon btn-danger btn-action" data-bs-toggle="modal"
-                                                data-bs-target="#deleteFoto{{ $f->id_paket }}">
-                                                <i class="bi bi-trash"></i>
-                                            </a>
+                                                <a href="#" class="btn icon btn-warning btn-action"
+                                                    data-bs-toggle="modal" data-bs-target="#editFoto{{ $f->id_paket }}">
+                                                    <i class="bi bi-pencil"></i>
+                                                </a>
+
+                                                <a href="#" class="btn icon btn-danger btn-action"
+                                                    data-bs-toggle="modal" data-bs-target="#deleteFoto{{ $f->id_paket }}">
+                                                    <i class="bi bi-trash"></i>
+                                                </a>
+                                            </div>
                                         </td>
                                     </tr>
                                     @include('admin.paket-foto.partials.modal-show-foto')
@@ -124,17 +127,19 @@
                                         <td>{{ $add->nama }}</td>
                                         <td>Rp {{ number_format($add->harga, 0, ',', '.') }}</td>
                                         <td class="col-auto text-center">
-                                            <a href="#" class="btn icon btn-warning btn-action"
-                                                data-bs-toggle="modal"
-                                                data-bs-target="#editAdd{{ $add->id_additional }}">
-                                                <i class="bi bi-pencil"></i>
-                                            </a>
+                                            <div class="d-flex flex-wrap justify-content-center gap-1">
+                                                <a href="#" class="btn icon btn-warning btn-action"
+                                                    data-bs-toggle="modal"
+                                                    data-bs-target="#editAdd{{ $add->id_additional }}">
+                                                    <i class="bi bi-pencil"></i>
+                                                </a>
 
-                                            <a href="#" class="btn icon btn-danger btn-action"
-                                                data-bs-toggle="modal"
-                                                data-bs-target="#deleteAdd{{ $add->id_additional }}">
-                                                <i class="bi bi-trash"></i>
-                                            </a>
+                                                <a href="#" class="btn icon btn-danger btn-action"
+                                                    data-bs-toggle="modal"
+                                                    data-bs-target="#deleteAdd{{ $add->id_additional }}">
+                                                    <i class="bi bi-trash"></i>
+                                                </a>
+                                            </div>
                                         </td>
                                     </tr>
                                     @include('admin.paket-foto.partials.modal-edit-additional')
diff --git a/resources/views/admin/produk-buket/index.blade.php b/resources/views/admin/produk-buket/index.blade.php
index 7c9114f..9e33022 100644
--- a/resources/views/admin/produk-buket/index.blade.php
+++ b/resources/views/admin/produk-buket/index.blade.php
@@ -50,20 +50,22 @@
                                         style="width: 50px; height: 50px; object-fit: cover;">
                                 </td>
                                 <td class="col-auto text-center" style="width: 15%">
-                                    <a href="#" class="btn icon btn-primary btn-action" data-bs-toggle="modal"
-                                        data-bs-target="#show{{ $b->id_buket }}">
-                                        <i class="bi bi-eye"></i>
-                                    </a>
+                                    <div class="d-flex flex-wrap justify-content-center gap-1">
+                                        <a href="#" class="btn icon btn-primary btn-action" data-bs-toggle="modal"
+                                            data-bs-target="#show{{ $b->id_buket }}">
+                                            <i class="bi bi-eye"></i>
+                                        </a>
 
-                                    <a href="#" class="btn icon btn-warning btn-action" data-bs-toggle="modal"
-                                        data-bs-target="#edit{{ $b->id_buket }}">
-                                        <i class="bi bi-pencil"></i>
-                                    </a>
+                                        <a href="#" class="btn icon btn-warning btn-action" data-bs-toggle="modal"
+                                            data-bs-target="#edit{{ $b->id_buket }}">
+                                            <i class="bi bi-pencil"></i>
+                                        </a>
 
-                                    <a href="#" class="btn icon btn-danger btn-action" data-bs-toggle="modal"
-                                        data-bs-target="#delete{{ $b->id_buket }}">
-                                        <i class="bi bi-trash"></i>
-                                    </a>
+                                        <a href="#" class="btn icon btn-danger btn-action" data-bs-toggle="modal"
+                                            data-bs-target="#delete{{ $b->id_buket }}">
+                                            <i class="bi bi-trash"></i>
+                                        </a>
+                                    </div>
                                 </td>
                             </tr>
                             @include('admin.produk-buket.partials.modal-show')