Fix problem with heart icon ( #266 )

diff --git a/app/assets/stylesheets/common.css.scss b/app/assets/stylesheets/common.css.scss
index 9d4c8a30d05480806bb3cdacf2939096d850e9bb..22b4a4ac0e452d85894ba007031e80b06fa5d941 100644 (file)
--- a/app/assets/stylesheets/common.css.scss
+++ b/app/assets/stylesheets/common.css.scss
@@ -382,7 +382,6 @@ table {
 
 .donate {
   display: block;
-  position: relative;
   width: 153px;
   padding: 5px;
   border: 1px solid #AED1A0;
@@ -391,29 +390,18 @@ table {
   line-height: 1.4;
   text-align: center;
   border-radius: 2px;
-  -moz-border-radius: 2px;
   color: #222;
   margin: 10px 10px 0px 10px;
-}
-
-.donate:hover {
-  background: #9ed485;
-  text-decoration: none;
-}
-
-.donate p {
-  text-indent: 20px;
-  margin: 0;
-}
 
-.donate .donate-icon {
-  width: 15px;
-  height: 15px;
-  border: 0px;
-  background: image-url("sprite.png") 0 -30px no-repeat;
-  position: absolute;
-  top: 8px;
-  left: 17px;
+  &:hover {
+    background: #9ed485;
+    text-decoration: none;
+  }
+  span {
+    margin: 0;
+    padding-left: 18px;
+    background: image-url("sprite.png") 0 -29px no-repeat;
+  }
 }
 
 /* Rules for Creative Commons logo button */

diff --git a/app/views/layouts/site.html.erb b/app/views/layouts/site.html.erb
index 9cf48c55ac95be27416d2fcb067ee5728efa7e1e..5c53d62d3da2ddcff47243c710e5775cdc1da14b 100644 (file)
--- a/app/views/layouts/site.html.erb
+++ b/app/views/layouts/site.html.erb
@@ -71,7 +71,7 @@
         <%= yield :left_menu %>
       </ul>
       <a title="<%= h(t('layouts.make_a_donation.title')) %>" href="http://donate.openstreetmap.org/" class="donate">
-        <span class='donate-icon'></span><p><%= h(t('layouts.make_a_donation.text')) %></p>
+        <span><%= h(t('layouts.make_a_donation.text')) %></span>
       </a>
       <div class='sidebar-copy'>
         <p class='deemphasize'><%= t 'layouts.partners_html',