minor fix to log selector

diff --git a/frontend/js/logs.js b/frontend/js/logs.js
index 5e1bf77b9c985f242a286a25bb394cfeab21d2cc..7f85a7c4d6b88e1a97949104a551c507487ed588 100644 (file)
--- a/frontend/js/logs.js
+++ b/frontend/js/logs.js
@@ -254,7 +254,8 @@ function updateDropdownUI(value) {
 
             if (active) {
                 button.innerHTML =
-                    `<i class="bi bi-file-text me-1"></i> ${item.textContent}`;
+                    `<i class="bi bi-file-text"></i>
+                    <span class="label d-none d-md-inline">${item.textContent}</span>`;
             }
         });
 }

diff --git a/frontend/logs.html b/frontend/logs.html
index 1273f4a044a4e137b0aed5dbf404f669eeb06c13..7d2b4aa67d945ef57688ac828449304aec26dc8d 100644 (file)
--- a/frontend/logs.html
+++ b/frontend/logs.html
@@ -114,13 +114,13 @@
                     </div>
 
                     <!-- LOG TYPE -->
-                    <div id="logTypeDropdown" class="dropdown gap-2">
+                    <div id="logTypeDropdown" class="dropdown">
                         <button
                             id="logTypeBtn"
-                            class="btn btn-primary dropdown-toggle"
+                            class="btn btn-primary dropdown-toggle d-flex align-items-center gap-2 px-3"
                             data-bs-toggle="dropdown">
-                            <i class="bi bi-file-text me-1"></i>
-                            App
+                            <i class="bi bi-file-text"></i>
+                            <span class="label d-none d-md-inline">App</span>
                         </button>
                         <ul class="dropdown-menu">
                             <li><a class="dropdown-item active" data-value="app" href="#">App</a></li>