Spacing layout fix

diff --git a/app/festival/static/css/index.css b/app/festival/static/css/index.css
index 4d113b21e7eba5f64c0221ad370ac9a77d43b3df..b7d9d10e785fb8b501574520ab9c5874b2562434 100755 (executable)
--- a/app/festival/static/css/index.css
+++ b/app/festival/static/css/index.css
@@ -833,12 +833,12 @@ pre > p {
   border-bottom: 1px solid #fff;
 }
 
-/* line 53, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_layout.scss */
+/* line 56, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_layout.scss */
 .site__content__header {
-  padding-top: 3rem;
+  padding-top: 3em;
 }
 
-/* line 57, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_layout.scss */
+/* line 63, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_layout.scss */
 .site__content__header__inner {
   padding-right: 1rem;
 }
@@ -1623,7 +1623,7 @@ th {
 .nav__complementary {
   display: block;
   list-style: none;
-  text-align: right;
+  text-align: left;
   position: absolute;
   z-index: 200;
   top: 100%;
@@ -1642,35 +1642,36 @@ th {
   margin: 0 .1rem;
   text-align: center;
   border-radius: 0 0 3px 3px;
+  box-shadow: 0 2px 4px -2px black;
 }
 
-/* line 206, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */
+/* line 207, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */
 .nav__complementary__item a, .nav__complementary__item--facebook a, .nav__complementary__item--twitter a, .nav__complementary__item__lang a {
   color: white;
 }
 
-/* line 210, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */
+/* line 211, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */
 .nav__complementary__item--facebook {
   background: #3b5998;
 }
 
-/* line 215, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */
+/* line 216, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */
 .nav__complementary__item--twitter {
   background: #55acee;
   margin-right: 1rem;
 }
 
-/* line 221, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */
+/* line 222, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */
 .nav__complementary__item__lang {
   opacity: .6;
 }
 
-/* line 224, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */
+/* line 225, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */
 .nav__complementary__item__lang a {
   color: #bdc3c7;
 }
 
-/* line 228, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */
+/* line 229, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */
 .nav__complementary__item__lang.is-active {
   opacity: 1;
 }
@@ -3494,7 +3495,15 @@ th {
     margin: 0 0 3rem;
     border-bottom: none;
   }
-  /* line 57, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_layout.scss */
+  /* line 50, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_layout.scss */
+  .aside.aside-home{
+    margin-top: -2rem;
+  }
+  /* line 56, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_layout.scss */
+  .site__content__header{
+    padding-top: 5rem;
+  }
+  /* line 63, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_layout.scss */
   .site__content__header__inner{
     max-width: 70%;
   }

diff --git a/app/festival/static/scss/base/_layout.scss b/app/festival/static/scss/base/_layout.scss
index 2825408818890b850ec98ea6c72cbf37b1dc3f26..6463647ff7c64d34ba265a95018d3c7b06131e75 100755 (executable)
--- a/app/festival/static/scss/base/_layout.scss
+++ b/app/festival/static/scss/base/_layout.scss
@@ -47,11 +47,17 @@
     width: 25%;
     margin: 0 0 3rem;
     border-bottom: none;
+    &.aside-home {
+      margin-top: -2rem;
+    }
   }
 }
 
 .site__content__header {
-  padding-top: 3rem;
+  padding-top: 3em;
+  @media (min-width : $desktop ) {
+      padding-top: 5rem;
+  }
 }
 
 .site__content__header__inner {

diff --git a/app/festival/static/scss/components/_headers.scss b/app/festival/static/scss/components/_headers.scss
index 5d499fd670efce5e23c4cfb226671d74038ad571..43543bfe8efccd1465bf2613f69a53becbefc1ad 100755 (executable)
--- a/app/festival/static/scss/components/_headers.scss
+++ b/app/festival/static/scss/components/_headers.scss
@@ -184,7 +184,7 @@
 .nav__complementary {
   display: block;
   list-style: none;
-  text-align: right;
+  text-align: left;
   position: absolute;
   z-index: $zi_2;
   top: 100%;
@@ -202,6 +202,7 @@
     margin: 0 .1rem;
     text-align: center;
     border-radius: 0 0 3px 3px;
+    box-shadow: 0 2px 4px -2px black;
 
     a {
       color: white;

diff --git a/app/templates/base.html b/app/templates/base.html
index e5ff9df8e7e77da6218d5b66c7d3b83485d6adac..dda3cc3caf651f0f2dfc57ca2c5fca18bb80ff4f 100644 (file)
--- a/app/templates/base.html
+++ b/app/templates/base.html
@@ -126,38 +126,37 @@
     {% endcomment %}
 
     <div class="site__content">
-        {% if on_home %}
-            <div class="container">
-                <div class="bk__news">
-                    <div class="media bk__news__inner">
-                        <div class="media-img">
-                            <span class="bk__news__title">
-                                Dernière <br> minute !
-                            </span>
-                        </div>
-                        <div class="media-content bk__news__content">
-                            <p>
-                                <strong>Partagez, twittez, commentez, publiez vos photos…</strong> <br>
-                                et réservez dès maintenant vos places ou abonnements pour bénéficier de tarifs privilégiés.
-                            </p>
+        <div class="container">
+            <main class="main" role="main">
+                {% if on_home %}
+                    <div class="container">
+                        <div class="bk__news">
+                            <div class="media bk__news__inner">
+                                <div class="media-img">
+                                    <span class="bk__news__title">
+                                        Dernière <br> minute !
+                                    </span>
+                                </div>
+                                <div class="media-content bk__news__content">
+                                    <p>
+                                        <strong>Partagez, twittez, commentez, publiez vos photos…</strong> <br>
+                                        et réservez dès maintenant vos places ou abonnements pour bénéficier de tarifs privilégiés.
+                                    </p>
+                                </div>
+
+                            </div>
                         </div>
-
+                    </div>
+                {% endif %}
+                <div class="site__content__header">
+                    <div class="site__content__header__inner">
+                        <h2 class="page__title">{% block title %}{% endblock %}</h2>
                     </div>
                 </div>
-            </div>
-        {% endif %}
-
-        <div class="container">
-            <div class="site__content__header">
-                <div class="site__content__header__inner">
-                    <h2 class="page__title">{% block title %}{% endblock %}</h2>
-                </div>
-            </div>
-            <main class="main" role="main">
                 {% block main %}{% endblock %}
             </main>
 
-            <aside class="aside">
+            <aside class="aside {% if on_home %}aside-home{% endif %}">
                 <div class="search__form">
                     {% search_form "all" %}
                 </div>