From dbe7d6dc3a744eba117c7ed0bf5bdd4898696d53 Mon Sep 17 00:00:00 2001
From: Alejandro Gomez <alejandro@strike.me>
Date: Sun, 29 Jan 2023 23:18:37 +0100
Subject: [PATCH] show more button

---
 src/Element/Note.css | 13 +++++++++++++
 src/Element/Note.tsx |  2 +-
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/src/Element/Note.css b/src/Element/Note.css
index ab2593373..d346cc66b 100644
--- a/src/Element/Note.css
+++ b/src/Element/Note.css
@@ -200,3 +200,16 @@
 .hidden-note button {
    max-height: 30px;
 }
+
+.show-more {
+  background: none;
+  margin: 0;
+  padding: 0;
+  font-weight: 400;
+  color: var(--highlight);
+}
+
+.show-more:hover {
+  background: none;
+  color: var(--highlight);
+}
diff --git a/src/Element/Note.tsx b/src/Element/Note.tsx
index ec28893b5..146946b1c 100644
--- a/src/Element/Note.tsx
+++ b/src/Element/Note.tsx
@@ -179,7 +179,7 @@ export default function Note(props: NoteProps) {
                     {transformBody()}
                 </div>
                 {extendable && !showMore && (<div className="flex f-center">
-                    <button className="btn mt10" onClick={() => setShowMore(true)}>Show more</button>
+                    <button className="show-more" onClick={() => setShowMore(true)}>Show more</button>
                 </div>)}
                 {options.showFooter ? <NoteFooter ev={ev} related={related} /> : null}
             </>