From a184d5bb2630224fa058bbe037a5c13f958c38de Mon Sep 17 00:00:00 2001
From: Adorian Doran <adorian@esevo.ro>
Date: Wed, 15 Jan 2025 02:14:56 +0200
Subject: [PATCH] client: use combo box-like dropdown buttons in the "Basic
 Properties" widget

---
 src/public/app/widgets/editability_select.js | 6 +++---
 src/public/app/widgets/note_type.js          | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/public/app/widgets/editability_select.js b/src/public/app/widgets/editability_select.js
index 937fdf007..43551413f 100644
--- a/src/public/app/widgets/editability_select.js
+++ b/src/public/app/widgets/editability_select.js
@@ -8,14 +8,14 @@ const TPL = `
     .editability-dropdown {
         width: 300px;
     }
-    
+
     .editability-dropdown .dropdown-item div {
         font-size: small;
         color: var(--muted-text-color);
         white-space: normal;
     }
     </style>
-    <button type="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="btn btn-sm dropdown-toggle editability-button">
+    <button type="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="btn btn-sm dropdown-toggle select-button editability-button">
         <span class="editability-active-desc">${t("editability_select.auto")}</span>
         <span class="caret"></span>
     </button>
@@ -23,7 +23,7 @@ const TPL = `
         <a class="dropdown-item" href="#" data-editability="auto">
             <span class="check">&check;</span>
             ${t("editability_select.auto")}
-            <div>${t("editability_select.note_is_editable")}</div>    
+            <div>${t("editability_select.note_is_editable")}</div>
         </a>
         <a class="dropdown-item" href="#" data-editability="readOnly">
             <span class="check">&check;</span>
diff --git a/src/public/app/widgets/note_type.js b/src/public/app/widgets/note_type.js
index 6ae1e2e22..dbf0008d5 100644
--- a/src/public/app/widgets/note_type.js
+++ b/src/public/app/widgets/note_type.js
@@ -35,7 +35,7 @@ const TPL = `
         overflow-x: hidden;
     }
     </style>
-    <button type="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="btn btn-sm dropdown-toggle note-type-button">
+    <button type="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="btn btn-sm dropdown-toggle select-button note-type-button">
         <span class="note-type-desc"></span>
         <span class="caret"></span>
     </button>