From d995e1d590c4ad6258da3089f2f51e05868aab12 Mon Sep 17 00:00:00 2001
From: Philippe Barbosa <contact@philippebarbosa.com>
Date: Mon, 4 Apr 2016 15:53:59 +0200
Subject: [PATCH] Responsive and layout fix

---
 app/festival/static/css/index.css              | 18 ++++++++++++------
 app/festival/static/scss/base/_layout.scss     |  4 +++-
 app/festival/static/scss/base/_typography.scss |  4 ++++
 .../static/scss/components/_headers.scss       |  2 +-
 .../static/scss/modules/video-card.scss        |  3 +++
 5 files changed, 23 insertions(+), 8 deletions(-)

diff --git a/app/festival/static/css/index.css b/app/festival/static/css/index.css
index a5a55057..37821589 100755
--- a/app/festival/static/css/index.css
+++ b/app/festival/static/css/index.css
@@ -517,7 +517,7 @@ body {
 
 /* line 30, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_defaults.scss */
 .clearfix:after, .container:after, .row:after, .sidebar__title--inverse:after,
-.page__related__title--inverse:after, .row-box:after, .event__card:after, .event__card--alt:after, .event__card--full:after, .calendar__month:after, .sticked-form:after, .banner:after, .header:after, .navigation:after, .footer-nav:after, .media:after, .split-container:after {
+.page__related__title--inverse:after, .row-box:after, .event__card:after, .event__card--alt:after, .event__card--full:after, .calendar__month:after, .sticked-form:after, .banner:after, .header:after, .navigation:after, .footer-nav:after, .media:after, .split-container:after, .video__list:after {
   content: "";
   display: table;
   clear: both;
@@ -799,6 +799,11 @@ pre > p {
   margin: 1rem 0;
 }
 
+/* line 233, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_typography.scss */
+.bodytext a {
+  font-weight: 700;
+}
+
 /* line 5, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_layout.scss */
 .container {
   margin: 0 auto;
@@ -822,17 +827,18 @@ pre > p {
 .aside {
   display: block;
   background: #e0cfad;
-  margin: 0 -1rem 3rem;
+  margin: 0 -1rem 0;
   color: white;
   padding: 1rem .5rem;
+  border-bottom: 1px solid #fff;
 }
 
-/* line 51, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_layout.scss */
+/* line 53, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_layout.scss */
 .site__content__header {
   padding-top: 3rem;
 }
 
-/* line 55, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_layout.scss */
+/* line 57, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_layout.scss */
 .site__content__header__inner {
   padding-right: 1rem;
 }
@@ -3479,8 +3485,9 @@ th {
     float: left;
     width: 25%;
     margin: 0 0 3rem;
+    border-bottom: none;
   }
-  /* line 55, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_layout.scss */
+  /* line 57, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_layout.scss */
   .site__content__header__inner{
     max-width: 70%;
   }
@@ -3525,7 +3532,6 @@ th {
   .menu__item__link, .submenu__item__link{
     padding: 1.5rem 1rem;
     font-size: 1.2rem;
-    font-weight: 700;
   }
   /* line 126, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */
   .submenu{
diff --git a/app/festival/static/scss/base/_layout.scss b/app/festival/static/scss/base/_layout.scss
index 982bada6..28254088 100755
--- a/app/festival/static/scss/base/_layout.scss
+++ b/app/festival/static/scss/base/_layout.scss
@@ -38,13 +38,15 @@
 .aside {
   display: block;
   background: lighten($main_color, 10);
-  margin: 0 -1rem 3rem;
+  margin: 0 -1rem 0;
   color: white;
   padding: 1rem .5rem;
+  border-bottom: 1px solid #fff;
   @media (min-width : $desktop ) {
     float: left;
     width: 25%;
     margin: 0 0 3rem;
+    border-bottom: none;
   }
 }
 
diff --git a/app/festival/static/scss/base/_typography.scss b/app/festival/static/scss/base/_typography.scss
index fd69e42a..39e1171d 100755
--- a/app/festival/static/scss/base/_typography.scss
+++ b/app/festival/static/scss/base/_typography.scss
@@ -228,4 +228,8 @@ pre > p {
 .push-ical {
   float: right;
   margin: 1rem 0;
+}
+
+.bodytext a {
+  font-weight: $bold;
 }
\ No newline at end of file
diff --git a/app/festival/static/scss/components/_headers.scss b/app/festival/static/scss/components/_headers.scss
index eede9321..5d499fd6 100755
--- a/app/festival/static/scss/components/_headers.scss
+++ b/app/festival/static/scss/components/_headers.scss
@@ -117,7 +117,7 @@
       @media (min-width : $desktop ) {
         padding: 1.5rem 1rem;
         font-size: 1.2rem;
-        font-weight: $bold;
+        // font-weight: $bold;
       }
     }
   }
diff --git a/app/festival/static/scss/modules/video-card.scss b/app/festival/static/scss/modules/video-card.scss
index 1c5b34c9..7598af2e 100644
--- a/app/festival/static/scss/modules/video-card.scss
+++ b/app/festival/static/scss/modules/video-card.scss
@@ -36,5 +36,8 @@
     height: 100%;
     font-size: 0;
   }
+}
 
+.video__list {
+  @extend .clearfix;
 }
\ No newline at end of file
-- 
2.39.5