From 75d7cfa2a931979a4d5b3b123fa21d14704f547a Mon Sep 17 00:00:00 2001
From: Bruno Windels <brunow@element.io>
Date: Tue, 24 Nov 2020 18:55:57 +0100
Subject: [PATCH] make text buttons looks exactly like links, also bigger click
 area

---
 src/components/TextButton.scss |  5 +++--
 src/index.scss                 | 15 +++++++++------
 2 files changed, 12 insertions(+), 8 deletions(-)

diff --git a/src/components/TextButton.scss b/src/components/TextButton.scss
index cdaed54..9d82e68 100644
--- a/src/components/TextButton.scss
+++ b/src/components/TextButton.scss
@@ -22,8 +22,9 @@ limitations under the License.
     color: $link;
     font-style: normal;
     font-weight: normal;
-    font-size: 14px;
-    line-height: 24px;
+    font-size: inherit;
+    padding: 8px 0;
+    margin: -8px 0;
 
     &:hover {
         cursor: pointer;
diff --git a/src/index.scss b/src/index.scss
index 7bbbad4..0f05e54 100644
--- a/src/index.scss
+++ b/src/index.scss
@@ -30,18 +30,21 @@ body,
 #root {
     height: 100%;
     width: 100%;
-
-    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
-    font-style: normal;
-
     font-size: 14px;
     line-height: 24px;
-
     color: $font;
-
     overflow: auto;
 }
 
+html,
+body,
+#root,
+button.textButton {
+    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
+    font-style: normal;
+}
+
+
 h1 {
     font-weight: bold;
     font-size: 24px;