Home font fix, Profile footer fix

src/components/pages/Home.js

@@ -138,12 +138,12 @@ class Home extends Component {
             </Segment>
           </div>
         </div>
-        <Segment style={{ padding: '8em 0em' }} vertical>
+        <Segment style={{ padding: '8em 0em', fontFamily: 'Arial' }} vertical>
           <Container text>
-            <Header as='h3' style={{ fontSize: '2em' }}>
+            <Header as='h3' style={{ fontSize: '2em', fontFamily: 'Arial' }}>
               Kik is vagyunk mi?
             </Header>
-            <p style={{ fontSize: '1.33em' }}>
+            <p style={{ fontSize: '1.33em', fontFamily: 'Arial' }}>
               A Kollégiumi Számítástechnikai Kör az Egyetem legrégebben működő
               és legnagyobb aktív, informatikával foglalkozó öntevékeny
               csoportosulása, idén ünnepeljük 42. születésnapunkat. A patinás
@@ -156,10 +156,10 @@ class Home extends Component {
               Ismerd meg a köreinket! <Icon name='right arrow' />
             </Button>
             <Divider as='h4' className='header' style={{ margin: '3em 0em' }} />
-            <Header as='h3' style={{ fontSize: '2em' }}>
+            <Header as='h3' style={{ fontSize: '2em', fontFamily: 'Arial' }}>
               Lehetőségek
             </Header>
-            <p style={{ fontSize: '1.33em' }}>
+            <p style={{ fontSize: '1.33em', fontFamily: 'Arial' }}>
               A KSZK a lehetőségek tárháza, a hely ahol Te – leendő mérnök –
               minden területen kipróbálhatod, továbbképezheted magad. Nálunk
               kibontakoztathatod kreativitásod, tapasztalatot, mérnöki
@@ -170,10 +170,10 @@ class Home extends Component {
               foglalkoznak a fejlesztés és üzemeltetés területén.
             </p>
             <Divider as='h4' className='header' style={{ margin: '3em 0em' }} />
-            <Header as='h3' style={{ fontSize: '2em' }}>
+            <Header as='h3' style={{ fontSize: '2em', fontFamily: 'Arial' }}>
               Képzésünk
             </Header>
-            <p style={{ fontSize: '1.33em' }}>
+            <p style={{ fontSize: '1.33em', fontFamily: 'Arial' }}>
               Kilenc alkalmas képzésünk végén Te is igazi KSZK-ssá válhatsz,
               hiszen rengeteg szakmai tudást igyekszünk átadni nektek. A
               képzésalkalmak rendkívül jó hangulatban telnek, és a szociális
@@ -185,16 +185,22 @@ class Home extends Component {
             </p>
             <Divider as='h4' className='header' style={{ margin: '3em 0em' }} />
             <Segment inverted color='red' tertiary>
-              <Header as='h3' style={{ fontSize: '2em' }}>
+              <Header as='h3' style={{ fontSize: '2em', fontFamily: 'Arial' }}>
                 Korlátos férőhely
               </Header>
-              <p style={{ fontSize: '1.33em' }}>
-                Általánosságban elmondható, hogy a KSZK tagjai rengeteg dologgal foglalkoznak a hétköznapjaik során, hogy minden informatikai rendszer úgy működjön a kollégiumban, ahogy kell. Így van ez velünk képzőkkel is, emiatt hetente csak egy képzésalkalmat tudunk tartani. Mivel az oktatóterem férőhelyében korlátozott, ezért a képzésre maximum 35 embert tudunk befogadni.
+              <p style={{ fontSize: '1.33em', fontFamily: 'Arial' }}>
+                Általánosságban elmondható, hogy a KSZK tagjai rengeteg dologgal foglalkoznak
+                a hétköznapjaik során, hogy minden informatikai rendszer úgy működjön
+                a kollégiumban, ahogy kell. Így van ez velünk képzőkkel is, emiatt
+                hetente csak egy képzésalkalmat tudunk tartani. Mivel az oktatóterem
+                férőhelyében korlátozott, ezért a képzésre maximum 35 embert tudunk befogadni.
               </p>
-              <p style={{ fontSize: '1.33em' }}>
-                Sajnos előfordulhat olyan eset, hogy valaki már nem fér be a képzésre, ezért kérünk titeket, hogy ennek tudatában jelentkezzetek majd. Ilyen esetben reméljük ez nem szegi kedveteket és jövőre újra próbálkoztok majd!
+              <p style={{ fontSize: '1.33em', fontFamily: 'Arial' }}>
+                Sajnos előfordulhat olyan eset, hogy valaki már nem fér be a képzésre,
+                ezért kérünk titeket, hogy ennek tudatában jelentkezzetek majd.
+                Ilyen esetben reméljük ez nem szegi kedveteket és jövőre újra próbálkoztok majd!
               </p>
-          </Segment>
+            </Segment>
           </Container>
         </Segment>
       </div>

src/components/pages/Profile.js

@@ -25,7 +25,6 @@ class Profile extends Component {
     return (
       <Container
         style={{
-          marginBottom: '0.5em',
           marginTop: '0.5em',
         }}
       >
@@ -72,14 +71,29 @@ class Profile extends Component {
             placeholder=''
             label={
               <div>
-                <b>Alább találsz néhány elgondolkodtató kérdést, megoldandó feladatot. A kérdések és feladatok elkészítése opcionális, nem titkolt célunk ezzel a lelkesedés felmérése. A válaszokat a kérdések alatti szövegdobozba várjuk.</b>
+                <b>Alább találsz néhány elgondolkodtató kérdést, megoldandó feladatot.
+                  A kérdések és feladatok elkészítése opcionális,
+                  nem titkolt célunk ezzel a lelkesedés felmérése.
+                  A válaszokat a kérdések alatti szövegdobozba várjuk.
+                </b>
                 <ol>
                   <li>
-                  Szeretnéd kedvenc tantárgyad vik.wiki oldalát elérni, de szomorúan látod, hogy az oldal nem jön be. A Steam pedig hibátlanul megy a háttérben és az emailek is megérkeznek... Szobatársadnak pont megvan a vik.wiki szerverének IP-címe. Csodálkozva látod, hogy a böngésző címsorába írva eléred a kiszolgáló webszervert. Mi lehet a baj?
+                  Szeretnéd kedvenc tantárgyad vik.wiki oldalát elérni,
+                  de szomorúan látod, hogy az oldal nem jön be.
+                  A Steam pedig hibátlanul megy a háttérben és az emailek is megérkeznek...
+                  Szobatársadnak pont megvan a vik.wiki szerverének IP-címe.
+                  Csodálkozva látod, hogy a böngésző címsorába írva eléred a kiszolgáló webszervert.
+                  Mi lehet a baj?
                   </li>
                   <br />
                   <li>
-                  Két előadás közti szünetben úgy döntesz, hogy laptopoddal az index.hu tech cikkeit fogod görgetni. Ám az oldal nem válaszol, a hiba okát megpróbálod kideríteni. Ekkor veszed észre, hogy az alábbiakat sem éred el: sze.hu, 444.hu, corvinus.hu, startlap.hu. Ugyanakkor a Facebook, a Gmail, a YouTube, de még az egyetemi oldalak többsége is működik. Szerinted mi lehet a hiba oka?
+                  Két előadás közti szünetben úgy döntesz,
+                  hogy laptopoddal az index.hu tech cikkeit fogod görgetni.
+                  Ám az oldal nem válaszol, a hiba okát megpróbálod kideríteni.
+                  Ekkor veszed észre, hogy az alábbiakat sem éred el:
+                  sze.hu, 444.hu, corvinus.hu, startlap.hu.
+                  Ugyanakkor a Facebook, a Gmail, a YouTube, de még az egyetemi
+                  oldalak többsége is működik. Szerinted mi lehet a hiba oka?
                   </li>
                   <br />
                   <li>
@@ -87,7 +101,10 @@ class Profile extends Component {
                   </li>
                   <br />
                   <li>
-                  A <b>kszkepzes18.sch.bme.hu</b> címen elérhető gépen fut egy szolgáltatás az alapértelmezett <b>5432</b> porton (használd az előző feladatban kapott adatokat). Belépés után keresd meg a feladat megoldását!
+                  A <b>kszkepzes18.sch.bme.hu</b> címen elérhető gépen
+                  fut egy szolgáltatás az alapértelmezett <b>5432</b> porton
+                  (használd az előző feladatban kapott adatokat).
+                  Belépés után keresd meg a feladat megoldását!
                   </li>
                 </ol>
               </div>
@@ -116,6 +133,7 @@ class Profile extends Component {
           />
           <Form.Button
             primary
+            style={{ marginBottom: '10em' }}
             onClick={() => this.props.submitRegistration({
               nick, motivationAbout, motivationProfession, motivationExercise, signed, groups, id,
             })}