From db65a7448b2f1fc8be5a858cb15aaafb038254c8 Mon Sep 17 00:00:00 2001
From: Philippe Barbosa <contact@philippebarbosa.com>
Date: Wed, 6 Apr 2016 11:31:42 +0200
Subject: [PATCH] Share links updates

---
 app/festival/static/css/index.css           | 74 ++++++++++++---------
 app/festival/static/scss/base/_buttons.scss | 29 +-------
 app/festival/static/scss/index.scss         |  1 +
 app/templates/includes/share_buttons.html   | 12 ++--
 4 files changed, 49 insertions(+), 67 deletions(-)

diff --git a/app/festival/static/css/index.css b/app/festival/static/css/index.css
index 443cee3b..4670b714 100755
--- a/app/festival/static/css/index.css
+++ b/app/festival/static/css/index.css
@@ -1375,39 +1375,6 @@ button:disabled {
   cursor: text;
 }
 
-/* line 139, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_buttons.scss */
-.share__button {
-  display: block;
-  text-align: center;
-  margin: 2rem auto;
-}
-
-/* line 145, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_buttons.scss */
-.btn-twitter {
-  background: #55acee;
-  color: white;
-  border-color: #2795e9;
-  margin: 0 1rem;
-}
-
-/* line 150, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_buttons.scss */
-.btn-twitter:hover {
-  background-color: #2795e9;
-}
-
-/* line 155, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_buttons.scss */
-.btn-facebook {
-  background: #3b5998;
-  color: white;
-  border-color: #2d4373;
-  margin: 0 1rem;
-}
-
-/* line 160, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_buttons.scss */
-.btn-facebook:hover {
-  background-color: #2d4373;
-}
-
 /**
  * Core styles
  */
@@ -3331,6 +3298,47 @@ th {
   color: white;
 }
 
+/* line 2, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/share-links.scss */
+.share__links {
+  display: block;
+  text-align: left;
+  margin: 2rem auto;
+  padding: .3rem 0;
+  border-top: 1px solid white;
+  border-bottom: 1px solid white;
+  list-style: none;
+}
+
+/* line 12, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/share-links.scss */
+.share__link__item {
+  text-transform: uppercase;
+  margin-right: 1rem;
+}
+
+/* line 17, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/share-links.scss */
+.btn-twitter {
+  background: #55acee;
+  color: white;
+  border-color: #2795e9;
+}
+
+/* line 22, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/share-links.scss */
+.btn-twitter:hover {
+  background-color: #2795e9;
+}
+
+/* line 27, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/share-links.scss */
+.btn-facebook {
+  background: #3b5998;
+  color: white;
+  border-color: #2d4373;
+}
+
+/* line 32, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/share-links.scss */
+.btn-facebook:hover {
+  background-color: #2d4373;
+}
+
 /* line 1, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/calendar.scss */
 .calendar__month {
   width: 100%;
diff --git a/app/festival/static/scss/base/_buttons.scss b/app/festival/static/scss/base/_buttons.scss
index e8c7b15c..1cf4a19d 100755
--- a/app/festival/static/scss/base/_buttons.scss
+++ b/app/festival/static/scss/base/_buttons.scss
@@ -133,31 +133,4 @@
 .btn-disabled:focus{
     opacity: 0.4;
     cursor:text;
-}
-
-// Social buttons
-.share__button {
-  display: block;
-  text-align: center;
-  margin: 2rem auto;
-}
-
-.btn-twitter {
-  background: $color-twitter;
-  color: white;
-  border-color: darken($color-twitter , 10);
-  margin: 0 1rem;
-  &:hover {
-    background-color: darken($color-twitter , 10);
-  }
-}
-
-.btn-facebook {
-  background: $color-facebook;
-  color: white;
-  border-color: darken($color-facebook , 10);
-  margin: 0 1rem;
-  &:hover {
-    background-color: darken($color-facebook , 10);
-  }
-}
+}
\ No newline at end of file
diff --git a/app/festival/static/scss/index.scss b/app/festival/static/scss/index.scss
index 0acc1989..d630d2f2 100755
--- a/app/festival/static/scss/index.scss
+++ b/app/festival/static/scss/index.scss
@@ -79,5 +79,6 @@
         'modules/icons',
         'modules/bk-news',
         'modules/hero-slider',
+        'modules/share-links',
         'modules/calendar',
         'modules/user';
\ No newline at end of file
diff --git a/app/templates/includes/share_buttons.html b/app/templates/includes/share_buttons.html
index 38ae5105..03177a4e 100644
--- a/app/templates/includes/share_buttons.html
+++ b/app/templates/includes/share_buttons.html
@@ -1,8 +1,8 @@
 {% load i18n %}
 
-<div class="share__button">
-    <a class="btn btn-facebook" target="_blank" href="http://facebook.com/sharer.php?u={{ request.build_absolute_uri }}&amp;t={{ object.title|urlencode }}">{% trans "Share on Facebook" %}</a>
-    <a class="btn btn-twitter" target="_blank" href="http://twitter.com/home?status={{ object.title|urlencode }}%20{{ request.build_absolute_uri }}">{% trans "Share on Twitter" %}</a>
-    <a class="btn btn-email" href="mailto:?subject={{ object.title }}&amp;body={{ request.build_absolute_uri }}">{% trans "Share by email" %}</a>
-    <a class="btn btn-print" href="javascript:window.print()">{% trans "Print this page" %}</a>
-</div>
+<ul class="share__links list-inline">
+    <li> <a class="share__link__item  share-facebook" target="_blank" href="http://facebook.com/sharer.php?u={{ request.build_absolute_uri }}&amp;t={{ object.title|urlencode }}">{% trans "Share on Facebook" %}</a> </li>
+    <li> <a class="share__link__item  share-twitter" target="_blank" href="http://twitter.com/home?status={{ object.title|urlencode }}%20{{ request.build_absolute_uri }}">{% trans "Share on Twitter" %}</a> </li>
+    <li> <a class="share__link__item  share-email" href="mailto:?subject={{ object.title }}&amp;body={{ request.build_absolute_uri }}">{% trans "Share by email" %}</a> </li>
+    <li> <a class="share__link__item  share-print" href="javascript:window.print()">{% trans "Print this page" %}</a> </li>
+</ul>
-- 
2.39.5