From e6d06496c09e836b58b83d6375c3cf40a0921255 Mon Sep 17 00:00:00 2001
From: jschlinger <johanna.schlinger@fau.de>
Date: Tue, 17 Sep 2024 14:10:58 +0200
Subject: [PATCH] add comment to inline styling of ThreeDot icon rotation

---
 src/components/Column/Column.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Column/Column.tsx b/src/components/Column/Column.tsx
index 0dcd806644..c3ba131b01 100644
--- a/src/components/Column/Column.tsx
+++ b/src/components/Column/Column.tsx
@@ -175,7 +175,7 @@ export const Column = ({id, name, color, visible, index}: ColumnProps) => {
       )}
       {!isTemporary && !openedColumnSettings && (
         <button title={t("Column.settings")} className="column__header-edit-button" onClick={() => setOpenedColumnSettings((o) => !o)}>
-          <ThreeDots className="column__header-edit-button-icon" style={{transform: "rotate(90deg)"}} />
+          <ThreeDots className="column__header-edit-button-icon" style={{transform: "rotate(90deg)"}} /> {/* inline style to avoid funky rotating behaviour when hovering */}
         </button>
       )}
     </>