From fa3c297d0dd65d4212e4cba75b3f000f0e2102ea Mon Sep 17 00:00:00 2001
From: Adabriand Furtado <adabriand@gmail.com>
Date: Mon, 24 Oct 2016 21:42:28 -0200
Subject: [PATCH] Fixes on responsive layout

---
 assets/css/base.css            | 23 ++++++++++++++++++++---
 assets/templates/sections.html | 14 ++++++--------
 2 files changed, 26 insertions(+), 11 deletions(-)

diff --git a/assets/css/base.css b/assets/css/base.css
index 3976995..6ce2035 100644
--- a/assets/css/base.css
+++ b/assets/css/base.css
@@ -405,7 +405,6 @@ img {
 }
 
 .wl-signs-and-ranking-wrapper {
-    flex: 1;
     position: relative;
 }
 
@@ -452,7 +451,7 @@ img {
 }
 
 .wl-ranking-header-wrapper:first-child {
-    padding-left: 30px;
+    padding-left: 15px;
 }
 
 .wl-ranking-header-wrapper:last-child {
@@ -504,7 +503,7 @@ img {
 }
 
 .wl-rank .position-wrapper {
-    padding-left: 50px;
+    padding-left: 30px;
 }
 
 /* VLibras section */
@@ -514,6 +513,11 @@ img {
     background: #f4f4f4;
 }
 
+#wl-vlibras .wl-section-title {
+    position: static;
+    margin-top: -20px;
+}
+
 .wl-vlibras-container {
     padding-top: 25px;
     padding-bottom: 60px;
@@ -594,6 +598,11 @@ img {
     }
 
     /* Signs and Ranking */
+    .wl-signs-and-ranking-wrapper {
+        flex: 1;
+        position: relative;
+    }
+
     .wl-signs-and-ranking-wrapper .wl-section-title .title {
         width: 100%;
     }
@@ -606,6 +615,14 @@ img {
         padding: 0 15px;
     }
 
+    .wl-rank .position-wrapper {
+        padding-left: 50px;
+    }
+
+    .wl-ranking-header-wrapper:first-child {
+        padding-left: 30px;
+    }
+
     /* VLibras section */
     .wl-vlibras-container {
         padding-top: 50px;
diff --git a/assets/templates/sections.html b/assets/templates/sections.html
index 4e6bd26..102e62b 100644
--- a/assets/templates/sections.html
+++ b/assets/templates/sections.html
@@ -395,14 +395,12 @@
 <section id="wl-vlibras">
     <div class="container-fluid container">
         <div class="row">
-            <div class="col-xs-12">
-                <div class="wl-section-title">
-                    <a href="#wl-vlibras" du-smooth-scroll>
-                        <h2 class="title">
-                            Conheça o VLibras
-                        </h2>
-                    </a>
-                </div>
+            <div class="col-xs-12 wl-section-title">
+                <a href="#wl-vlibras" du-smooth-scroll>
+                    <h2 class="title">
+                        Conheça o VLibras
+                    </h2>
+                </a>
             </div>
         </div>
         <div class="wl-vlibras-container">
--
libgit2 0.21.2