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, 8 Sep 2020 19:30:31 +0000 (15:30 -0400)
css/civicrm.css

index e0e1353d03220e67876d50254ffd3e184837f639..d4574ae5d89d9835ade5c7a2fa61f34c0b16e185 100644 (file)
@@ -1868,11 +1868,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 {
@@ -1890,20 +1898,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,
@@ -2088,15 +2088,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;
 }