From 4b9667b75681ad04468d138d3fb7abd22b30798d Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Thu, 13 Feb 2025 22:21:09 +0200
Subject: [PATCH] feat(settings): make duration selector slightly smaller

---
 .../type_widgets/options/other/note_erasure_timeout.ts    | 8 +++++++-
 src/public/stylesheets/style.css                          | 2 +-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/public/app/widgets/type_widgets/options/other/note_erasure_timeout.ts b/src/public/app/widgets/type_widgets/options/other/note_erasure_timeout.ts
index 0d13b4a6d..99161f9a9 100644
--- a/src/public/app/widgets/type_widgets/options/other/note_erasure_timeout.ts
+++ b/src/public/app/widgets/type_widgets/options/other/note_erasure_timeout.ts
@@ -15,7 +15,7 @@ const TPL = `
         <div class="d-flex gap-2">
             <input id="erase-entities-after-time" class="form-control options-number-input" type="number" min="0" steps="1" required>
             <!-- TriliumNextTODO: i18n the strings when refactoring this to a standalone widget -->
-            <select id="erase-entities-after-time-scale" class="form-select" required>
+            <select id="erase-entities-after-time-scale" class="form-select duration-selector" required>
                 <option value="1">${t("duration.seconds")}</option>
                 <option value="60">${t("duration.minutes")}</option>
                 <option value="3600">${t("duration.hours")}</option>
@@ -27,6 +27,12 @@ const TPL = `
     <p>${t("note_erasure_timeout.manual_erasing_description")}</p>
 
     <button id="erase-deleted-notes-now-button" class="btn btn-secondary">${t("note_erasure_timeout.erase_deleted_notes_now")}</button>
+
+    <style>
+        .duration-selector {
+            width: auto;
+        }
+    </style>
 </div>`;
 
 export default class NoteErasureTimeoutOptions extends OptionsWidget {
diff --git a/src/public/stylesheets/style.css b/src/public/stylesheets/style.css
index a85b87e62..efdc101eb 100644
--- a/src/public/stylesheets/style.css
+++ b/src/public/stylesheets/style.css
@@ -1641,4 +1641,4 @@ body.electron.platform-darwin:not(.native-titlebar) .tab-row-container {
     background: var(--main-background-color);
     box-shadow: 0px 10px 20px rgba(0, 0, 0, var(--dropdown-shadow-opacity));
     border-radius: 4px;
-}
\ No newline at end of file
+}