Place video buttons in the center. Refs #69

Author: atodorov

Diff for: content/pages/index.html

@@ -342,39 +342,39 @@ <h3 id="heading">Create IEEE 829 or free text Test Plan</h3>
 
                 <div class="logo-layout" style="background-image: url('/images/conf/pyconcz.png')" title="PyCon CZ">
                     <a class="play-button" href="#seen-at" title="Watch PyCon CZ video" onclick="showVideo('JMEeviPUl04')">
-                        <i class="fa fa-play"></i>
+                        <i class="fa fa-play fa-2x"></i>
                     </a>
                 </div>
 
                 <div class="logo-layout" style="background-image: url('/images/conf/hackconf.png')" title="HackConf Sofia">
                     <a class="play-button" href="#seen-at" title="Watch HackConf Sofia video" onclick="showVideo('r5sp0e7LsDc')">
-                        <i class="fa fa-play"></i>
+                        <i class="fa fa-play fa-2x"></i>
                     </a>
                 </div>
 
                 <div class="logo-layout" style="background-image: url('/images/conf/piterpy.png')" title="PiterPy St. Petersburg">
                     <a class="play-button" href="#seen-at" title="Watch PiterPy video" onclick="showVideo('sSJVstoGoG0')">
-                        <i class="fa fa-play"></i>
+                        <i class="fa fa-play fa-2x"></i>
                     </a>
                 </div>
 
                 <img style="background-color: inherit" src="/images/conf/openfest.png" alt="OpenFest logo" title="Open Fest Sofia">
 
                 <div class="logo-layout" style="background-image: url('/images/conf/fosdem.png')" title="FOSDEM Brussels">
                     <a class="play-button" href="#seen-at" title="Watch Fosdem video" onclick="showVideo('9kOnf5YXquA')">
-                        <i class="fa fa-play"></i>
+                        <i class="fa fa-play fa-2x"></i>
                     </a>
                 </div>
 
                 <div class="logo-layout" style="background-image: url('/images/conf/openexpo.png')" title="OpenExpo Europe">
                     <a class="play-button" href="#seen-at" title="Watch OpenExpo video" onclick="showVideo('8neSwklzs7g')">
-                        <i class="fa fa-play"></i>
+                        <i class="fa fa-play fa-2x"></i>
                     </a>
                 </div>
 
                 <div class="logo-layout" style="background-image: url('/images/conf/openawards19.png')" title="OpenAwards winner">
                     <a class="play-button" href="#seen-at" title="Watch OpenAwards video" onclick="showVideo('7AuZp3nVIkc')">
-                        <i class="fa fa-play"></i>
+                        <i class="fa fa-play fa-2x"></i>
                     </a>
                 </div>
 

Diff for: theme/static/style/style.css

@@ -422,11 +422,12 @@ pre code {
     display: inline-block;
     float: left;
     margin-left: 1.5rem;
+    text-align: center;
 }
 
 .play-button {
-    padding-top: 10px;
-    float: right;
+    padding-top: 83px;
+    display: block;
 }
 
 /* Footer Section */