Auto-expand the Detail view takeback button in small windows

diff --git a/css/front.css b/css/front.css
index 998225f..ae067e2 100644 (file)
--- a/css/front.css
+++ b/css/front.css
@@ -535,7 +535,7 @@ glm-member-db-list.glm-member-db-grid-view .glm-member-list-image {
     transition:         width 0.5s ease;
 }
 .glm-member-db-takeback-mini:before {
-    content: '\21A9';
+    content: '\21A9\FE0E';
     font-size: 28px;
     line-height: 1;
 }

diff --git a/views/front/members/detail.html b/views/front/members/detail.html
index 29e1e20..477c376 100755 (executable)
--- a/views/front/members/detail.html
+++ b/views/front/members/detail.html
@@ -502,6 +502,12 @@
                   }, 500);
             });
 
+            // Expand the takeback button in small views.
+            if ( $(window).width() < 1024 ) {
+                $("#glm-member-detail-takeback-mini").css('width','190px');
+                $("#glm-member-detail-takeback-mini span").css('opacity','1');
+            }
+
 
     {if $settings.detail_show_map}