Merge pull request #55 from Krejdom/chrome-fix

Fix img padding in Chrome

Author: encukou

naucse/static/css/index.css

@@ -34,6 +34,7 @@
     width: 100%;
 }
 
+
 .card-inverse .card-blockquote .blockquote-footer, .card-inverse .card-link, .card-inverse .card-subtitle, .card-inverse .card-text {
     color: rgba(255,255,255,.85);
 }
@@ -58,8 +59,7 @@
 }
 
 .motivation div {
-    box-shadow: inset 0 0 0 1000px rgba(0,0,0,.5);
-    padding: 29% 21%;
+    height: 100%;
 }
 
 .motivation img {
@@ -69,12 +69,17 @@
 .responsive-text {
     font-size: 2vw;
     font-weight: 500;
+    padding-left: 16%;
+    padding-right: 16%;
+    position: relative;
+    top: 50%;
+    transform: translateY(-50%);
 }
 
 .topic {
+    color: #fff;
     height: 70px;
     text-align: center;
-    color: #fff;
 }
 
 .color1 {

naucse/static/pycon2016cz.png

@@ -9,28 +9,28 @@
     <div class="card card-inverse space motivation">
       <img class="card-img" src="{{url_for('static', filename='pycon2016cz.png')}}" alt="Card image">
       <div class="card-img-overlay">
-        <p class="responsive-text card-text center">Nauč se Python, staň se superhrdinou nebo superhrdinkou a zachraň svět.<br>
-            Python je moderní programovací jazyk. Je univerzální – pohání weby i rakety.
-            Dobře se čte a dá se velice rychle naučit.</p>
+        <p class="responsive-text card-text center">Nauč se Python, staň se superhrdinou nebo superhrdinkou a zachraň svět.<br>
+            Python je moderní programovací jazyk. Je univerzální – pohání weby i rakety.
+            Dobře se čte a dá se velice rychle naučit.</p>
       </div>
     </div>
 
   <div class="page">
     <div class="container">
       <div class="space center">
           <a class="btn btn-secondary btn-lg" href="{{ course_url('pyladies') }}" role="button">Chci začít!</a>
-          <p>Stačí umět klikat myší a psát na klávesnici. ;)</p>
+          <p>Stačí umět klikat myší a psát na klávesnici. ;)</p>
       </div>
 
       <div class="row small-space">
           <div class="col center">
               <a class="btn btn-secondary" href="{{ url_for('courses') }}" role="button">Pokračovat</a>
-              <p>Umím programovat v jiném programovacím jazyce.</p>
+              <p>Umím programovat v jiném programovacím jazyce.</p>
           </div>
 
           <div class="col center">
               <a class="btn btn-secondary" href="{{ course_url('mi-pyt') }}" role="button">Pokračovat</a>
-              <p>Už umím základy a chci se dozvědět něco víc.</p>            
+              <p>Už umím základy a chci se dozvědět něco víc.</p>            
           </div>
       </div>