From b388280e960ddeb7b100bebb05b72ba638bf9270 Mon Sep 17 00:00:00 2001
From: Philippe Barbosa <contact@philippebarbosa.com>
Date: Wed, 6 Apr 2016 18:13:58 +0200
Subject: [PATCH] Better call to action

---
 app/festival/static/css/index.css             | 34 +++++++++++--------
 .../static/scss/modules/event-card.scss       | 17 ++++++----
 .../agenda/includes/event_metainfo.html       |  7 ++--
 3 files changed, 32 insertions(+), 26 deletions(-)

diff --git a/app/festival/static/css/index.css b/app/festival/static/css/index.css
index 074be51e..dcc7877f 100755
--- a/app/festival/static/css/index.css
+++ b/app/festival/static/css/index.css
@@ -3104,18 +3104,29 @@ th {
   border-bottom: 1px solid #000;
 }
 
-/* line 77, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/event-card.scss */
+/* line 76, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/event-card.scss */
+.event__meta__btn {
+  padding: 0.1rem 0.7rem;
+  background: #d2ba88;
+  color: #fff;
+  display: inline-block;
+  *display: inline;
+  *zoom: 1;
+  border-radius: 2px;
+}
+
+/* line 87, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/event-card.scss */
 .event__meta + .event__meta, .event__meta--alt + .event__meta, .event__meta + .event__meta--alt, .event__meta--alt + .event__meta--alt {
   padding-top: 0;
   margin-top: -.3rem;
 }
 
-/* line 80, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/event-card.scss */
+/* line 90, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/event-card.scss */
 .event__meta + .event__meta .event__meta__inner, .event__meta--alt + .event__meta .event__meta__inner, .event__meta + .event__meta--alt .event__meta__inner, .event__meta--alt + .event__meta--alt .event__meta__inner {
   border-top: none;
 }
 
-/* line 85, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/event-card.scss */
+/* line 95, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/event-card.scss */
 .event__meta--alt {
   padding: 0;
   margin: 0;
@@ -3123,18 +3134,18 @@ th {
   font-size: 1rem;
 }
 
-/* line 92, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/event-card.scss */
+/* line 102, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/event-card.scss */
 .event__meta--alt .event__meta__inner {
   border-top: none;
   border-bottom: none;
 }
 
-/* line 97, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/event-card.scss */
+/* line 107, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/event-card.scss */
 .event__meta--alt .event__meta__location {
   color: white;
 }
 
-/* line 102, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/event-card.scss */
+/* line 112, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/event-card.scss */
 .event__meta__location {
   display: block;
   text-decoration: none;
@@ -3142,7 +3153,7 @@ th {
   font-weight: 400;
 }
 
-/* line 112, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/event-card.scss */
+/* line 122, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/event-card.scss */
 .event__meta__cta {
   text-transform: uppercase;
   display: block;
@@ -3150,14 +3161,7 @@ th {
   background: #fff;
 }
 
-/* line 120, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/event-card.scss */
-.event__meta__btn {
-  display: block;
-  text-align: center;
-  margin: 1rem auto;
-}
-
-/* line 127, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/event-card.scss */
+/* line 130, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/event-card.scss */
 .event__detail,
 .event__detail a {
   text-align: right;
diff --git a/app/festival/static/scss/modules/event-card.scss b/app/festival/static/scss/modules/event-card.scss
index 2d04ccae..2f721226 100644
--- a/app/festival/static/scss/modules/event-card.scss
+++ b/app/festival/static/scss/modules/event-card.scss
@@ -72,6 +72,16 @@
     border-top: 1px solid #000;
     border-bottom: 1px solid #000;
   }
+
+  &__btn {
+    padding: 0.1rem 0.7rem;
+    background: $main_color;
+    color: $white;
+    display: inline-block;
+    *display: inline;
+    *zoom: 1;
+    border-radius: 2px;
+  }
 }
 
 .event__meta + .event__meta {
@@ -117,13 +127,6 @@
   background: $white;
 }
 
-.event__meta__btn {
-  // width: 50%;
-  display: block;
-  text-align: center;
-  margin: 1rem auto;
-}
-
 .event__detail,
 .event__detail a {
   text-align: right;
diff --git a/app/templates/agenda/includes/event_metainfo.html b/app/templates/agenda/includes/event_metainfo.html
index 6dfec63f..10a3be8f 100644
--- a/app/templates/agenda/includes/event_metainfo.html
+++ b/app/templates/agenda/includes/event_metainfo.html
@@ -5,10 +5,9 @@
         {% if event.end %}
         {% if event.end|date == event.start|date and event.end.hour|subtract:event.start.hour > 3 %}{{ event.end|time:"TIME_FORMAT" }}{% endif %}
         {% if unit_booking %}
-        /
-        <a href="{% url 'event_booking' event.slug %}">
-            {% trans "Booking" %}
-        </a>
+            <a href="{% url 'event_booking' event.slug %}" class="event__meta__btn">
+                {% trans "Booking" %}
+            </a>
         {% endif %}
         {% endif %}
         {% if event.location %}
-- 
2.39.5