From 66af3cc529e2ea8ec44d0ed52684ff5dfdb6aa0e Mon Sep 17 00:00:00 2001
From: Fabiano <fabianocarvalho15@gmail.com>
Date: Mon, 2 Jul 2018 14:10:02 -0300
Subject: [PATCH] Revised the Header of collections page

---
 src/assets/scss/_home-collection.scss   | 45 +++++++++++++++----------
 src/template-parts/headerCollection.php |  6 ++--
 2 files changed, 31 insertions(+), 20 deletions(-)

diff --git a/src/assets/scss/_home-collection.scss b/src/assets/scss/_home-collection.scss
index 1a124eb..e77580a 100644
--- a/src/assets/scss/_home-collection.scss
+++ b/src/assets/scss/_home-collection.scss
@@ -27,21 +27,24 @@
             }
         }
         .t-collection--col-9{
-            margin-left: 4.16666666667%;
+            margin-left: 1.16666666667%;
+            @media only screen and (max-width: 1024px){
+                margin-left: 4.16666666667%;
+            }
         }
         .t-collection--info-img {
             width: 205px;
             height: 205px;
             max-width: 205px;
-            bottom: -4rem;
+            bottom: -6rem;
             @media only screen and (max-width: 1024px){
                 width: 165px;
                 height: 165px;
                 max-width: 165px;
-                bottom: -3rem;
+                bottom: -5rem;
             }
             @media only screen and (max-width: 992px){
-                bottom: -2rem;
+                bottom: -4rem;
                 width: 123px;
                 height: 123px;
                 max-width: 123px;
@@ -50,7 +53,7 @@
                 width: 95px;
                 height: 95px;
                 max-width: 95px;
-                bottom: 0;
+                bottom: -3rem;
             }
         }
         .t-collection--info-title {
@@ -60,24 +63,32 @@
             }
             bottom: 2.8rem;
             @media only screen and (min-width: 768px){
-                bottom: 2rem;
+                bottom: 0.5rem;
             }
             @media only screen and (max-width: 576px){
                 font: {
                     size: 18px;
                 }
-            }
-        }
-        .t-collection--info-description{
-            font: {
-                size: 12px;
-                weight: 400;
-            }
-            @media only screen and (max-width: 576px){
-                font: {
-                    size: 9px;
-                }
+                bottom: 0.5rem;
             }
         }
     }
+    .t-collection--info-description-text {
+        font: {
+            size: 12px;
+            weight: 400;
+        }
+        margin-left: 1.16666666667%;
+        padding: 0 21.6%;
+        padding-right: 5%;
+        width: 100%;
+        word-wrap: break-word;
+        @media only screen and (max-width: 1024px){
+            margin-left: 4.16666666667%;
+        }
+        @media only screen and (max-width: 576px){
+            padding-left: 32.6%;
+            font-size: 9px;
+        }
+    }
 }
\ No newline at end of file
diff --git a/src/template-parts/headerCollection.php b/src/template-parts/headerCollection.php
index 83d4754..686e821 100644
--- a/src/template-parts/headerCollection.php
+++ b/src/template-parts/headerCollection.php
@@ -11,10 +11,10 @@
             </div>
             <div class="col-8 col-md-9 pl-0 t-collection--col-9">
                 <h2 class="mt-3 mt-md-0 t-collection--info-title text-white position-absolute"><?php tainacan_the_collection_name(); ?></h2>
-                <div class="container t-collection--info-description ml-0 pl-0 mt-3 text-white">
-                    <div style="word-wrap: break-word;"><?php tainacan_the_collection_description(); ?></div>
-                </div>
             </div>
         </div>
+        <div class="row t-collection--info-description ml-0 pl-0 mt-3 text-white margin-one-column">
+            <p class="t-collection--info-description-text"><?php tainacan_the_collection_description(); ?></p>
+        </div>
     </div>
 </div>
\ No newline at end of file