Simplify button padding and set consistent line height
authorAndrew Hunt <andrew@aghstrategies.com>
Thu, 30 Jul 2020 18:55:51 +0000 (14:55 -0400)
committerAndrew Hunt <andrew@aghstrategies.com>
Tue, 4 Aug 2020 00:53:22 +0000 (20:53 -0400)
css/civicrm.css

index eb4684290e8694a3ea380ebe97b738c232f9a88d..7d843e2b4492a8ee209cb15fd591ee7ba2d378fc 100644 (file)
@@ -1871,11 +1871,19 @@ input.crm-form-entityref {
   border: 1px solid #3e3e3e;
 }
 
+.crm-container a.button,
+.crm-container a.button:link,
+.crm-container a.button:visited,
 .crm-container span.crm-button {
   display: block;
-  float: left !important;
+  float: left;
   overflow: hidden;
-  padding: 1px;
+  line-height: 135%;
+}
+
+/* Preserving the important but not sure why */
+.crm-container span.crm-button {
+  float: left !important;
 }
 
 .crm-container button.crm-button {
@@ -1893,20 +1901,12 @@ input.crm-form-entityref {
 
 .crm-container .crm-button input[type=button],
 .crm-container .crm-button input.crm-form-submit {
-  padding: 3px 5px 2px;
+  padding: 0;
   margin: 0;
   background: none;
   border: none;
 }
 
-.crm-container a.button,
-.crm-container a.button:link,
-.crm-container a.button:visited {
-  display: block;
-  float: left;
-  line-height: 135%;
-}
-
 .crm-container .crm-button:hover,
 .crm-container .crm-button:focus,
 .crm-container input[type=submit]:hover,
@@ -2092,15 +2092,6 @@ a.crm-i:hover {
   color: #86c661;
 }
 
-.crm-button>.crm-i {
-  padding-left: 5px;
-}
-
-.crm-container .crm-button .crm-i + input[type="button"],
-.crm-container .crm-button .crm-i + input.crm-form-submit {
-  padding-left: 0;
-}
-
 .crm-container a.helpicon {
   opacity: .8;
 }