Takeback button hover adjusted to be reliant on padding rather than width (safer)

diff --git a/css/front.css b/css/front.css
index f902c4c..754bea8 100644 (file)
--- a/css/front.css
+++ b/css/front.css
@@ -545,26 +545,29 @@ glm-member-db-list.glm-member-db-grid-view .glm-member-list-image {
 .glm-member-db-takeback-mini {
     margin-bottom: 0;
     border-radius: 4px;
-    padding: 5px 20px;
     overflow: hidden;
     text-align: left;
-    width: 63px;
+    padding: 15px 15px 10px 10px;
+    position: relative;
+    line-height: 1.2;
     left: 15px;
     -webkit-transition: width 0.5s ease;
     -moz-transition:    width 0.5s ease;
     -o-transition:      width 0.5s ease;
     transition:         width 0.5s ease;
+    text-decoration: none;
 }
 .glm-member-db-takeback-mini > span {
+    font-size: 16px;
     left: 63px;
     overflow: hidden;
     position: absolute;
-    top: 13px;
+    top: 14px;
     width: 120px;
 }
 #glm-member-detail-takeback-mini:hover {
     text-decoration: none;
-    width: 190px;
+    padding: 15px 150px 10px 10px;
     -webkit-transition: width 0.5s ease;
     -moz-transition:    width 0.5s ease;
     -o-transition:      width 0.5s ease;
@@ -622,9 +625,6 @@ glm-member-db-list.glm-member-db-grid-view .glm-member-list-image {
     color: #FFFFFF;
     transition: background-color 300ms ease-out;
 }
-#glm-member-detail-side-box .map-button:hover {
-    translate: none;
-}
 #glm-member-detail-website-link a {
     color: white;
 }