From c4dade2fc5f60d4b76a7aab0195cd50e80b1a5a3 Mon Sep 17 00:00:00 2001
From: Philip Molares <philip.molares@udo.edu>
Date: Sat, 7 Oct 2023 11:10:24 +0200
Subject: [PATCH] fix: height and width of history table button

Signed-off-by: Philip Molares <philip.molares@udo.edu>
---
 .../entry-menu/entry-menu.module.scss         |  6 ++++--
 .../history-table/history-table-row.tsx       | 20 ++++++++++---------
 .../pin-button/pin-button.module.scss         |  6 ++++--
 3 files changed, 19 insertions(+), 13 deletions(-)

diff --git a/frontend/src/components/history-page/entry-menu/entry-menu.module.scss b/frontend/src/components/history-page/entry-menu/entry-menu.module.scss
index 69e21f8b7..5bd128418 100644
--- a/frontend/src/components/history-page/entry-menu/entry-menu.module.scss
+++ b/frontend/src/components/history-page/entry-menu/entry-menu.module.scss
@@ -1,5 +1,5 @@
-/*
- * SPDX-FileCopyrightText: 2021 The HedgeDoc developers (see AUTHORS file)
+/*!
+ * SPDX-FileCopyrightText: 2023 The HedgeDoc developers (see AUTHORS file)
  *
  * SPDX-License-Identifier: AGPL-3.0-only
  */
@@ -8,4 +8,6 @@
   &:global(.btn) {
     padding: 0.6rem 0.65rem;
   }
+  height: 2.5rem;
+  width: 2.5rem;
 }
diff --git a/frontend/src/components/history-page/history-table/history-table-row.tsx b/frontend/src/components/history-page/history-table/history-table-row.tsx
index 1d08455c1..1693bffa1 100644
--- a/frontend/src/components/history-page/history-table/history-table-row.tsx
+++ b/frontend/src/components/history-page/history-table/history-table-row.tsx
@@ -1,5 +1,5 @@
 /*
- * SPDX-FileCopyrightText: 2022 The HedgeDoc developers (see AUTHORS file)
+ * SPDX-FileCopyrightText: 2023 The HedgeDoc developers (see AUTHORS file)
  *
  * SPDX-License-Identifier: AGPL-3.0-only
  */
@@ -57,14 +57,16 @@ export const HistoryTableRow: React.FC<HistoryEntryProps & HistoryEventHandlers>
         ))}
       </td>
       <td>
-        <PinButton isDark={true} isPinned={entry.pinStatus} onPinClick={onPinEntry} className={'mb-1 me-1'} />
-        <EntryMenu
-          id={entry.identifier}
-          title={entryTitle}
-          origin={entry.origin}
-          onRemoveFromHistory={onEntryRemove}
-          onDeleteNote={onDeleteNote}
-        />
+        <div className={'d-flex align-items-start justify-content-center'}>
+          <PinButton isDark={true} isPinned={entry.pinStatus} onPinClick={onPinEntry} className={'mb-1 me-1'} />
+          <EntryMenu
+            id={entry.identifier}
+            title={entryTitle}
+            origin={entry.origin}
+            onRemoveFromHistory={onEntryRemove}
+            onDeleteNote={onDeleteNote}
+          />
+        </div>
       </td>
     </tr>
   )
diff --git a/frontend/src/components/history-page/pin-button/pin-button.module.scss b/frontend/src/components/history-page/pin-button/pin-button.module.scss
index 6a3143aea..fb6be1253 100644
--- a/frontend/src/components/history-page/pin-button/pin-button.module.scss
+++ b/frontend/src/components/history-page/pin-button/pin-button.module.scss
@@ -1,10 +1,12 @@
-/*
- * SPDX-FileCopyrightText: 2021 The HedgeDoc developers (see AUTHORS file)
+/*!
+ * SPDX-FileCopyrightText: 2023 The HedgeDoc developers (see AUTHORS file)
  *
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
 .history-pin {
+  height: 2.5rem;
+  width: 2.5rem;
   svg {
     opacity: 0.5;
     transition: opacity 0.2s ease-in-out, color 0.2s ease-in-out;