Icons on buttons positioned inline, not absolute

diff --git a/css/civicrm.css b/css/civicrm.css
index 06cfe11d01e85ed80969e53b202d5f8817659d33..ea4941adec364be8574e023cedfcdbb4ace13ad8 100644 (file)
--- a/css/civicrm.css
+++ b/css/civicrm.css
@@ -2121,20 +2121,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 {