Fix stock card input styling in Firefox.

2019-04-11 09:42:14 -06:00 · 2019-04-11 09:42:14 -06:00 · 1ed5a559bc
parent e2f163c2f2
commit 1ed5a559bc
1 changed files with 12 additions and 6 deletions
--- a/plugins/woocommerce-admin/client/header/activity-panel/activity-card/style.scss
+++ b/plugins/woocommerce-admin/client/header/activity-panel/activity-card/style.scss
@ -305,16 +305,22 @@
 			border-radius: 4px;
 			height: 36px;

-			&[type='number']::-webkit-outer-spin-button,
-			&[type='number']::-webkit-inner-spin-button {
-				-webkit-appearance: none;
-				margin: 0;
+			&[type='number'] {
+				-moz-appearance: textfield;
+
+				&::-webkit-outer-spin-button,
+				&::-webkit-inner-spin-button {
+					-webkit-appearance: none;
+					margin: 0;
+				}
 			}
 		}
 	}

-	.is-button {
-		height: 34px;
+	.components-button {
+		min-height: 34px;
+		padding: 2px 10px;
+		line-height: 26px;
 	}

 	.woocommerce-activity-card__title {