From a1c959aabd7a9168ea067d2f9c87cbe83547dd94 Mon Sep 17 00:00:00 2001
From: contributor <foss.contributor@gmail.com>
Date: Mon, 10 Nov 2025 10:56:05 +0200
Subject: [PATCH] use class instead of inline style for note info calculate
 button

---
 apps/client/src/widgets/ribbon/NoteInfoTab.tsx | 1 -
 apps/client/src/widgets/ribbon/style.css       | 4 ++++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/apps/client/src/widgets/ribbon/NoteInfoTab.tsx b/apps/client/src/widgets/ribbon/NoteInfoTab.tsx
index 8e2cfba0c..2fb9daa80 100644
--- a/apps/client/src/widgets/ribbon/NoteInfoTab.tsx
+++ b/apps/client/src/widgets/ribbon/NoteInfoTab.tsx
@@ -62,7 +62,6 @@ export default function NoteInfoTab({ note }: TabContext) {
                             {!isLoading && !noteSizeResponse && !subtreeSizeResponse && (
                                 <Button
                                     className="calculate-button"
-                                    style={{ padding: "0px 10px 0px 10px" }}
                                     icon="bx bx-calculator"
                                     text={t("note_info_widget.calculate")}
                                     onClick={() => {
diff --git a/apps/client/src/widgets/ribbon/style.css b/apps/client/src/widgets/ribbon/style.css
index 5e7b98d3a..f47c6d662 100644
--- a/apps/client/src/widgets/ribbon/style.css
+++ b/apps/client/src/widgets/ribbon/style.css
@@ -189,6 +189,10 @@
     font-size: 0.8em;
     vertical-align: middle !important;
 }
+
+.note-info-widget .calculate-button {
+    padding: 0 10px;
+}
 /* #endregion */
 
 /* #region Similar Notes */