From aecba70efc2404344156859c34b9d799b45c4b4d Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Tue, 28 Jan 2025 16:18:36 +0200
Subject: [PATCH] fix(client): broken layouts in editability and note type
 dropdowns

---
 src/public/app/widgets/editability_select.js | 8 ++++++--
 src/public/stylesheets/style.css             | 2 +-
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/public/app/widgets/editability_select.js b/src/public/app/widgets/editability_select.js
index 937fdf007..33685c33b 100644
--- a/src/public/app/widgets/editability_select.js
+++ b/src/public/app/widgets/editability_select.js
@@ -8,7 +8,11 @@ const TPL = `
     .editability-dropdown {
         width: 300px;
     }
-    
+
+    .editability-dropdown .dropdown-item {
+        display: block !important;
+    }
+
     .editability-dropdown .dropdown-item div {
         font-size: small;
         color: var(--muted-text-color);
@@ -23,7 +27,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/stylesheets/style.css b/src/public/stylesheets/style.css
index e70fcf484..24cfee62f 100644
--- a/src/public/stylesheets/style.css
+++ b/src/public/stylesheets/style.css
@@ -396,7 +396,7 @@ body.desktop .dropdown-menu {
     color: var(--dropdown-item-icon-destructive-color);
 }
 
-.dropdown-item > span:not(.bx) {
+.dropdown-item > span:not([class]) {
     width: 100%;
 }