style/status bar/note info: replace the "calculate" button with a link

apps/client/src/stylesheets/theme-next/ribbon.css

@@ -168,12 +168,6 @@ ul.editability-dropdown li.dropdown-item > div {
  * Note info
  */
 
-:root .note-info-widget-table button.calculate-button {
-    min-width: 0;
-    padding: 4px 10px !important;
-    font-size: 0.8em;
-}
-
 /* Narrow width layout */
 .note-info-widget {
     container: info-section / inline-size;

apps/client/src/widgets/ribbon/NoteInfoTab.tsx

@@ -9,6 +9,7 @@ import LoadingSpinner from "../react/LoadingSpinner";
 import { useTriliumEvent } from "../react/hooks";
 import { isExperimentalFeatureEnabled } from "../../services/experimental_features";
 import FNote from "../../entities/fnote";
+import LinkButton from "../react/LinkButton";
 
 const isNewLayout = isExperimentalFeatureEnabled("new-layout");
 
@@ -53,9 +54,7 @@ export default function NoteInfoTab({ note }: { note: FNote | null | undefined }
 export function NoteSizeWidget({ isLoading, noteSizeResponse, subtreeSizeResponse, requestSizeInfo }: Omit<ReturnType<typeof useNoteMetadata>, "metadata">) {
     return <>
         {!isLoading && !noteSizeResponse && !subtreeSizeResponse && (
-            <Button
-                className="calculate-button"
-                icon="bx bx-calculator"
+            <LinkButton
                 text={t("note_info_widget.calculate")}
                 onClick={requestSizeInfo}
             />

apps/client/src/widgets/ribbon/style.css

@@ -207,9 +207,6 @@ body.experimental-feature-new-layout .classic-toolbar-widget {
     vertical-align: middle !important;
 }
 
-.note-info-widget .calculate-button {
-    padding: 0 10px;
-}
 /* #endregion */
 
 /* #region Similar Notes */