From f4fbe1d97c01f19774b39cc9604261b14ed23287 Mon Sep 17 00:00:00 2001
From: Mika Laaksonen <48655257+miksa1987@users.noreply.github.com>
Date: Sat, 8 Feb 2020 14:58:25 +0200
Subject: [PATCH] fix(client): Header and buttons text made smaller (#38110)

* Front page header and login buttons text made smaller

* Increased headers size a little to all be over 1rem
---
 client/src/components/layouts/global.css | 26 ++++++++++++------------
 1 file changed, 13 insertions(+), 13 deletions(-)

diff --git a/client/src/components/layouts/global.css b/client/src/components/layouts/global.css
index f76c4894d04..75bf21380bb 100644
--- a/client/src/components/layouts/global.css
+++ b/client/src/components/layouts/global.css
@@ -10,7 +10,7 @@ body {
 
 .btn-cta-big {
   max-height: 100%;
-  font-size: 27px;
+  font-size: 1rem;
   white-space: normal;
   width: 100%;
 }
@@ -28,21 +28,21 @@ h1 {
   font-weight: 700;
   font-size: 1.5rem;
   font-family: 'Roboto Mono', monospace;
-  margin: 1.2rem 0 1.2rem;
+  margin: 0.6rem 0;
 }
 h2 {
   color: var(--secondary-color);
   font-weight: 700;
-  font-size: 1.2rem;
+  font-size: 1.25rem;
   font-family: 'Roboto Mono', monospace;
-  margin: 1.2rem 0 1.2rem;
+  margin: 0.6rem 0;
 }
 h3 {
   color: var(--secondary-color);
   font-weight: 700;
   font-size: 1.1rem;
   font-family: 'Roboto Mono', monospace;
-  margin: 0 0 1.2rem;
+  margin: 0 0 0.6rem;
 }
 
 h4,
@@ -63,12 +63,12 @@ p {
 }
 
 .big-heading {
-  font-size: 2.5rem !important;
+  font-size: 1.5rem !important;
   overflow-wrap: break-word;
 }
 
 .medium-heading {
-  font-size: 1.5rem !important;
+  font-size: 1.25rem !important;
   font-weight: normal;
 }
 
@@ -78,22 +78,22 @@ p {
 
 @media (max-width: 500px) {
   .big-heading {
-    font-size: 1.6rem !important;
+    font-size: 1.2rem !important;
   }
   .medium-heading {
-    font-size: 1.4rem !important;
+    font-size: 1.1rem !important;
   }
   h1 {
-    font-size: 1.2rem;
+    font-size: 1.3rem;
   }
   h2 {
-    font-size: 1.1rem;
+    font-size: 1.2rem;
   }
   h3 {
-    font-size: 1rem;
+    font-size: 1.1rem;
   }
   .btn-cta {
-    font-size: 1.2rem;
+    font-size: 1rem;
   }
 }