Auto-expand the Detail view takeback button in small views

diff --git a/css/front.css b/css/front.css
index aacd7fd..f91b16b 100644 (file)
--- a/css/front.css
+++ b/css/front.css
@@ -149,7 +149,7 @@
 /* Event Detail Page */
 #glm-event-detail-takeback-mini > span {
     width: 120px;
-    top: 13px;
+    top: 15px;
 }
 #glm-event-detail-takeback-mini:hover {
     text-decoration: none;

diff --git a/views/front/events/detail.html b/views/front/events/detail.html
index 34da7ef..d4c8a24 100755 (executable)
--- a/views/front/events/detail.html
+++ b/views/front/events/detail.html
@@ -194,6 +194,11 @@
         var view_select = $("#glm-event-view-select");
         view_select.hide();
 
+        // Expand the takeback button in small views.
+        if ( $(window).width() < 1024 ) {
+            $("#glm-event-detail-takeback-mini").css('width','190px');
+            $("#glm-event-detail-takeback-mini span").css('opacity','1');
+        }
 
         {if $settings.selected_map_interface == 1}