From eba247b759b0cd656f3c1b0a27e6d171fc757b46 Mon Sep 17 00:00:00 2001
From: Evgeniy Alekseev <i@arcanis.me>
Date: Sat, 26 Nov 2022 14:56:54 +0200
Subject: [PATCH] make package actions as dropdown

---
 .../ahriman/templates/build-status.jinja2     | 29 +++++++++++++------
 1 file changed, 20 insertions(+), 9 deletions(-)

diff --git a/package/share/ahriman/templates/build-status.jinja2 b/package/share/ahriman/templates/build-status.jinja2
index 4e405ac8..a4d2497b 100644
--- a/package/share/ahriman/templates/build-status.jinja2
+++ b/package/share/ahriman/templates/build-status.jinja2
@@ -24,17 +24,28 @@
         </div>
 
         <div class="container">
-            <div id="toolbar">
+            <div id="toolbar" class="dropdown">
                 {% if not auth.enabled or auth.username is not none %}
-                    <button id="package-add-btn" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#package-add-modal" hidden>
-                        <i class="bi bi-plus"></i> add
-                    </button>
-                    <button id="package-update-btn" class="btn btn-secondary" onclick="updatePackages()" hidden>
-                        <i class="bi bi-play"></i> update
-                    </button>
-                    <button id="package-remove-btn" class="btn btn-danger" onclick="removePackages()" disabled hidden>
-                        <i class="bi bi-trash"></i> remove
+                    <button type="button" class="btn btn-primary dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
+                        <i class="bi bi-box"></i> packages
                     </button>
+                    <ul class="dropdown-menu">
+                        <li>
+                            <button id="package-add-btn" class="btn dropdown-item" data-bs-toggle="modal" data-bs-target="#package-add-modal" hidden>
+                                <i class="bi bi-plus"></i> add
+                            </button>
+                        </li>
+                        <li>
+                            <button id="package-update-btn" class="btn dropdown-item" onclick="updatePackages()" hidden>
+                                <i class="bi bi-play"></i> update
+                            </button>
+                        </li>
+                        <li>
+                            <button id="package-remove-btn" class="btn dropdown-item" onclick="removePackages()" disabled hidden>
+                                <i class="bi bi-trash"></i> remove
+                            </button>
+                        </li>
+                    </ul>
                     <button id="key-import-btn" class="btn btn-info" data-bs-toggle="modal" data-bs-target="#key-import-modal" hidden>
                         <i class="bi bi-key"></i> import key
                     </button>