From 8ab6475aa4b15146e8047a614856dcff09714af6 Mon Sep 17 00:00:00 2001
From: "k.triantafyllou" <k.triantafyllou@di.uoa.gr>
Date: Tue, 19 Jul 2022 00:47:49 +0300
Subject: [PATCH] Text: Change line-hegiht base on text-size. Button: Button
 text is now responsive base on font-size

---
 less/button.less | 9 +++++----
 less/text.less   | 6 +++---
 2 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/less/button.less b/less/button.less
index ce503aa..35cb1d3 100644
--- a/less/button.less
+++ b/less/button.less
@@ -169,22 +169,23 @@
 
 /* Text */
 .hook-button-text() {
-  padding: 0 30px 0 0;
+  padding: 0 1.5*1.42em 0 0;
   border-radius: 0;
   position: relative;
 
   &::before {
     content: '\f1df';
     font-family: "Material Icons Round";
-    font-size: 20px;
+    font-size: 1.42em;
     position: absolute;
-    top: 0;
+    transform: translateY(-50%);
+    top: 50%;
     right: 0;
     transition: right linear 0.2s;
   }
 
   &:hover::before {
-    right: -5px;
+    right: -0.25em;
   }
 }
 
diff --git a/less/text.less b/less/text.less
index 3257ac7..4b2fe90 100644
--- a/less/text.less
+++ b/less/text.less
@@ -1,7 +1,7 @@
 @text-xsmall-font-size: @global-xsmall-font-size;
-@text-xsmall-line-height: @global-line-height;
-@text-small-line-height: @global-line-height;
-@text-large-line-height: @global-line-height;
+@text-xsmall-line-height: 1.5 * @global-xsmall-font-size;
+@text-small-line-height: 1.5 * @global-small-font-size;
+@text-large-line-height: 1.5 * @global-large-font-size;
 
 /* Meta */
 @text-meta-font-size: inherit;