From a055dc6774856c133761de536531eec25486f721 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcel=20Petr=C3=A1=C5=88?= <marcelpetran55@gmail.com>
Date: Wed, 24 Apr 2019 00:27:12 +0200
Subject: [PATCH] Correct footer elements sizes

---
 cs/home.html   | 14 +++++++-------
 css/master.css | 29 +++++++++++++++++++++++++++++
 2 files changed, 36 insertions(+), 7 deletions(-)

diff --git a/cs/home.html b/cs/home.html
index 8cb4310..9a888bf 100644
--- a/cs/home.html
+++ b/cs/home.html
@@ -140,20 +140,20 @@
 
         </div>
         <div class="footer-logo-right-col-grid">
-          <img src="../img/sin-logo-col.png" alt="Club" class="opacity-decrease" href="#">
-          <img src="../img/su-logo-col.svg" alt="Club" href="#">
+          <img src="../img/sin-logo-col.png" alt="Club" href="#" class="opacity-decrease footer-img-logo">
+          <a href="https://su.cvut.cz/" target="_blank"><img src="../img/su-logo-col.svg" alt="Club" href="#" class="footer-img-logo"></a>
         </div>
       </section>
       <section class="footer-bottom">
         <div class="footer-contacts-row-grid">
           <div class="footer-heading-col-grid">
             <div class="footer-heading-left">
-              <h1 class="title left">Kontakty</h1>
+              <h2 class="title">Kontakty</h2>
             </div>
             <div class="footer-heading-social-col-grid -right">
-              <img src="../img/facebook.png" alt="Social" href="#">
-              <img src="../img/instagram.png" alt="Social" href="#">
-              <img src="../img/twitter.png" alt="Social" href="#">
+              <a href="https://www.facebook.com/" target="_blank"><img src="../img/facebook.png" alt="Social" class="footer-img-social"></a>
+              <a  href="https://www.instagram.com/" target="_blank"><img src="../img/instagram.png" alt="Social" class="footer-img-social"></a>
+              <a  href="https://twitter.com/?lang=cs" target="_blank"><img src="../img/twitter.png" alt="Social" class="footer-img-social"></a>
             </div>
           </div>
           <div class="footer-contacts-col-grid">
@@ -174,7 +174,7 @@
           </div>
         </div>
         <div class="footer-visit-row-grid">
-          <h1 class="title left">Úřední hodiny</h1>
+          <h2 class="title">Úřední hodiny</h2>
           <div class="footer-visit-col-grid">
             <p class="article">Administrátoři:</p>
             <p class="article">Po & St 20:00 - 21:00</p>
diff --git a/css/master.css b/css/master.css
index a727fac..b10b6b1 100644
--- a/css/master.css
+++ b/css/master.css
@@ -152,6 +152,14 @@ footer{
   display: grid;
   grid-template-rows: repeat(2,auto);
 }
+footer p.article{
+  font-size: 2em;
+  margin: 0;
+  padding: 0;
+}
+footer h2.title{
+  font-size: 3em;
+}
 section.footer-top{
   display: grid;
   grid-template-columns: repeat(2,auto);
@@ -159,10 +167,23 @@ section.footer-top{
 footer .footer-buttons-left-row-grid{
   display: grid;
   grid-template-rows: repeat(5,auto);
+  justify-content: left;
+}
+footer .footer-button{
+  font-size: 1.8em;
+}
+footer button{
+  background-color: #5D5D5D;
+  color: #FCFCFC;
 }
 footer .footer-logo-right-col-grid{
   display: grid;
   grid-template-rows: repeat(2,auto);
+  justify-content: center;
+}
+footer .footer-img-logo{
+  width: 10em;
+  cursor: pointer;
 }
 section.footer-bottom{
   display: grid;
@@ -171,6 +192,7 @@ section.footer-bottom{
 footer .footer-contacts-row-grid{
   display: grid;
   grid-template-rows: repeat(5,auto);
+  margin-top: 3em;
 }
 footer .footer-heading-col-grid{
   display: grid;
@@ -182,6 +204,12 @@ footer .footer-heading-left{
 footer .footer-heading-social-col-grid{
   display: grid;
   grid-template-columns: repeat(3,auto);
+  justify-content: center;
+  grid-column-gap: 2em;
+}
+footer .footer-img-social{
+  width: 3em;
+  cursor: pointer;
 }
 footer .footer-contacts-col-grid{
   display: grid;
@@ -191,6 +219,7 @@ footer .footer-contacts-col-grid{
 footer .footer-visit-row-grid{
   display: grid;
   grid-template-rows: repeat(3,auto);
+  margin-top: 3em;
 }
 footer .footer-visit-col-grid{
   display: grid;