use class instead of inline style for note info calculate button

Author: contributor

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={() => {

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 */