From baa06ea0cc0f8873e4a168f7e1ef993b2f86bdfd Mon Sep 17 00:00:00 2001
From: Chaoran Chen <mail@chaoran-chen.de>
Date: Sun, 19 May 2024 11:03:53 +0200
Subject: [PATCH] fix(website): fix+improve data use terms history link (#1949)

---
 .../SequenceDetailsPage/DataUseTermsHistoryModal.tsx     | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/website/src/components/SequenceDetailsPage/DataUseTermsHistoryModal.tsx b/website/src/components/SequenceDetailsPage/DataUseTermsHistoryModal.tsx
index ab7ce5fc29..7966d469e4 100644
--- a/website/src/components/SequenceDetailsPage/DataUseTermsHistoryModal.tsx
+++ b/website/src/components/SequenceDetailsPage/DataUseTermsHistoryModal.tsx
@@ -2,7 +2,6 @@ import { DateTime, FixedOffsetZone } from 'luxon';
 import { type FC, useRef } from 'react';
 
 import { type DataUseTermsHistoryEntry, restrictedDataUseTermsType } from '../../types/backend.ts';
-import DataUseTermsHistoryIcon from '~icons/mdi/clipboard-text-history-outline';
 
 export type DataUseTermsHistoryProps = {
     dataUseTermsHistory: DataUseTermsHistoryEntry[];
@@ -23,11 +22,11 @@ export const DataUseTermsHistoryModal: FC<DataUseTermsHistoryProps> = ({ dataUse
                 <DataUseTermsHistoryDialog dataUseTermsHistory={dataUseTermsHistory} />
             </dialog>
 
-            <div>
-                <button className='icon-button' onClick={handleOpenHistoryDialog}>
-                    <DataUseTermsHistoryIcon />
+            <span>
+                <button className='underline' onClick={handleOpenHistoryDialog}>
+                    (history)
                 </button>
-            </div>
+            </span>
         </>
     );
 };