Icons on buttons positioned inline, not absolute

diff --git a/css/civicrm.css b/css/civicrm.css
index a3264938b0ae2fb905b3f196bd04c03c89622f36..3b1ff140e2cf8c779c0d26c5ad77a725c8a15020 100644 (file)
--- a/css/civicrm.css
+++ b/css/civicrm.css
@@ -2117,20 +2117,13 @@ a.crm-i:hover {
   color: #86c661;
 }
 
-.crm-i-button {
-  position: relative;
-}
-
 .crm-i-button>.crm-i {
-  position: absolute;
-  pointer-events: none;
-  top: .4em;
-  left: .4em;
+  padding-left: 5px;
 }
 
 .crm-container .crm-button.crm-i-button input[type="button"],
 .crm-container .crm-button.crm-i-button input.crm-form-submit {
-  padding-left: 1.6em;
+  padding-left: 0;
 }
 
 .crm-container a.helpicon {