From 1e2c41244994c469001de793696ff957ec99a51b Mon Sep 17 00:00:00 2001
From: Martin Quarda <martin@quarda.cz>
Date: Wed, 13 Mar 2024 14:38:04 +0100
Subject: [PATCH] move social up

---
 frontend/src/scripts/index.js  | 16 ++++++++--------
 frontend/src/styles/index.scss |  5 +++++
 2 files changed, 13 insertions(+), 8 deletions(-)

diff --git a/frontend/src/scripts/index.js b/frontend/src/scripts/index.js
index 8dda15d..bd5bc73 100644
--- a/frontend/src/scripts/index.js
+++ b/frontend/src/scripts/index.js
@@ -51,7 +51,7 @@ class Main extends Component {
     <div class="container">
         <img class="logo" src="/public/logo.svg"></img>
     </div>
-    <div class="container info">
+    <div class="container info text-center">
         <div class="row">
             <h1 class="col val">
                 <b>KDY?</b>
@@ -99,13 +99,7 @@ class Main extends Component {
         </div>
         <button type="submit" class="btn btn-primary">Odeslat</button>
         </form>*/}
-    <div class="container video">
-        <iframe width="100%" height="800px" src="https://www.youtube.com/embed/H1UeXTBpsXw?si=kkh2_BBJXw56gVaP" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen="true"></iframe>
-    </div>
-    <div class="container video">
-        <iframe width="100%" height="800px" src="https://www.youtube.com/embed/7WB4J_j-VhM?si=kkh2_BBJXw56gVaP" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen="true"></iframe>
-    </div>
-    <div class="container kontakt">
+    <div class="container kontakt text-center social">
         <div class="row">
             <a class="col-lg-3" href="mailto:info@alkator.cz"><b>info@alkator.cz</b></a>
             <a class="col-lg-3" href="https://www.facebook.com/AlkatorRace"><img height="40px" src="/public/fb_logo.svg" /></a>
@@ -113,6 +107,12 @@ class Main extends Component {
             <a class="col-lg-3" href="https://www.instagram.com/alkator_race/"><img height="40px" src="/public/instagram_logo.svg" /></a>
         </div>
     </div>
+    <div class="container video">
+        <iframe width="100%" height="800px" src="https://www.youtube.com/embed/H1UeXTBpsXw?si=kkh2_BBJXw56gVaP" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen="true"></iframe>
+    </div>
+    <div class="container video">
+        <iframe width="100%" height="800px" src="https://www.youtube.com/embed/7WB4J_j-VhM?si=kkh2_BBJXw56gVaP" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen="true"></iframe>
+    </div>
 </div>
         );
     }
diff --git a/frontend/src/styles/index.scss b/frontend/src/styles/index.scss
index b26889d..0af53c7 100644
--- a/frontend/src/styles/index.scss
+++ b/frontend/src/styles/index.scss
@@ -13,6 +13,11 @@ body {
   height: auto;
 }
 
+.social {
+  border-radius: 40px;
+  background:rgba(255,255,255,0.4);
+}
+
 form.container{
   background:rgba(255,255,255,0.4);
   border-radius: 10px;