From 54fba0d3b69b283d92467ee3e7415f0d4670bb2e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tam=C3=A1s=20Szab=C3=B3?= <tamas@szaboo.com>
Date: Mon, 5 Feb 2018 15:11:09 +0100
Subject: [PATCH] image and text size on homepage fix

---
 src/components/pages/Home.js | 33 ++++++++++++++++-----------------
 1 file changed, 16 insertions(+), 17 deletions(-)

diff --git a/src/components/pages/Home.js b/src/components/pages/Home.js
index 95d92e6..d3237ac 100644
--- a/src/components/pages/Home.js
+++ b/src/components/pages/Home.js
@@ -55,10 +55,10 @@ class Home extends Component {
                 content='Üdvözlünk a'
                 inverted
                 style={{
-                  fontSize: '3em',
+                  fontSize: '3vw',
                   fontWeight: 'normal',
                   marginBottom: 0,
-                  marginTop: '0.5em',
+                  marginTop: '0.5vw',
                 }}
               />
               <Header
@@ -66,10 +66,10 @@ class Home extends Component {
                 content='KollĂŠgiumi SzĂĄmĂ­tĂĄstechnikai KĂśr'
                 inverted
                 style={{
-                  fontSize: '4em',
+                  fontSize: '4vw',
                   fontWeight: 'bold',
-                  marginBottom: '0.5em',
-                  marginTop: '0.5em',
+                  marginBottom: '0.5vw',
+                  marginTop: '0.5vw',
                 }}
               />
               <Header
@@ -77,27 +77,26 @@ class Home extends Component {
                 content='érdeklődőinek szánt weboldalán!'
                 inverted
                 style={{
-                  fontSize: '3em',
+                  fontSize: '3vw',
                   fontWeight: 'normal',
                   marginBottom: 0,
-                  marginTop: '0.5em',
+                  marginTop: '0.5vw',
                 }}
               />
               <Image
                 verticalAlign='middle'
-                size='small'
                 src={KSZKbiglogo}
-                style={{ marginTop: '4em' }}
+                style={{ marginTop: '4vw', width: '15%' }}
               />
               <Header
                 as='h1'
                 content='Mindenkit szeretettel vĂĄrunk a KSZKĂŠpzĂŠs-re!'
                 inverted
                 style={{
-                  fontSize: '3em',
+                  fontSize: '3vw',
                   fontWeight: 'normal',
                   marginBottom: 0,
-                  marginTop: '1em',
+                  marginTop: '1vw',
                 }}
               />
               <Container>
@@ -108,9 +107,9 @@ class Home extends Component {
                       primary
                       size='huge'
                       style={{
-                        fontSize: '2em',
-                        marginTop: '1em',
-                        marginBottom: '1em',
+                        fontSize: '2vw',
+                        marginTop: '1vw',
+                        marginBottom: '1vw',
                       }}
                     >
                       Profilom
@@ -122,9 +121,9 @@ class Home extends Component {
                       primary
                       size='huge'
                       style={{
-                        fontSize: '2em',
-                        marginTop: '1em',
-                        marginBottom: '1em',
+                        fontSize: '2vw',
+                        marginTop: '1vw',
+                        marginBottom: '1vw',
                       }}
                     >
                       BejelentkezĂŠs
-- 
GitLab