added ticket graphic to detail page

I added a new ticket graphic to the detail pages.  I also removed the url
text and replaced it with 'Tickets', it's still and anchor.

diff --git a/assets/tickets-icon-24x24.png b/assets/tickets-icon-24x24.png
new file mode 100644 (file)
index 0000000..6840272
Binary files /dev/null and b/assets/tickets-icon-24x24.png differ

diff --git a/css/front.css b/css/front.css
index ff9263e..a298a3c 100644 (file)
--- a/css/front.css
+++ b/css/front.css
@@ -223,6 +223,22 @@ input[name='contact_fname'], input[name='contact_lname']{
     top: 6px;
     left: -35px;
 }
+#glm-event-detail-tickets {
+    margin: 0 0 10px 20px;
+    position: relative;
+}
+#glm-event-detail-tickets:before {
+    content: "";
+    background-image: url("../assets/tickets-icon-24x24.png");
+    background-height: 24px;
+    background-width: 24px;
+    
+    position: absolute;
+    width: 24px;
+    height: 24px;
+    top: 6px;
+    left: -35px;
+}
 #glm-event-detail-contact {
     margin: 0 0 10px 20px;
     position: relative;

diff --git a/views/front/events/beerWeekDetail.html b/views/front/events/beerWeekDetail.html
index b041a91..514688f 100644 (file)
--- a/views/front/events/beerWeekDetail.html
+++ b/views/front/events/beerWeekDetail.html
@@ -94,7 +94,7 @@
                             <div id="glm-event-detail-cost"><strong>Cost: </strong>FREE</div>
                             {/if}
                             {if $event.ticket_url}
-                            <div style="margin: 0 0 10px 20px;"><strong>Tickets: </strong><a target="_blank" href="{$event.ticket_url}">{$event.ticket_url}</a></div>
+                            <div id="glm-event-detail-tickets"><a target="_blank" href="{$event.ticket_url}"><strong>Tickets</strong></a></div>
                             {/if}
 
                             <div id="glm-event-detail-contact"><strong>Contact & More Info</strong><br>

diff --git a/views/front/events/detail.html b/views/front/events/detail.html
index 7d62176..26f679f 100644 (file)
--- a/views/front/events/detail.html
+++ b/views/front/events/detail.html
@@ -94,7 +94,7 @@
                             <div id="glm-event-detail-cost"><strong>Cost: </strong>FREE</div>
                             {/if}
                             {if $event.ticket_url}
-                            <div style="margin: 0 0 10px 20px;"><strong>Tickets: </strong><a target="_blank" href="{$event.ticket_url}">{$event.ticket_url}</a></div>
+                            <div id="glm-event-detail-tickets"><a target="_blank" href="{$event.ticket_url}"><strong>Tickets</strong></a></div>
                             {/if}
 
                             <div id="glm-event-detail-contact"><strong>Contact & More Info</strong><br>