Fix a firefox specific error where buttons didn't show up correctly

Padding for the text to shift it down needs to be lower on firefox than on chrome
Gum-Joe · Sep 23, 2021 · 84a23fb · 84a23fb
1 parent 1c8ce7b
commit 84a23fb
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/frontend/src/scss/button.scss b/frontend/src/scss/button.scss
@@ -36,7 +36,15 @@ button {
 	// Span I think is the button's actual contents
 	& > span { // = button > span
 		z-index: 2;
-		padding-top: 1px;
+		padding-top: 4px;
+
+	}
+
+	// Button text is too low on Firefox with 5px padding.
+	@-moz-document url-prefix() {
+		& > span {
+			padding-top: 1px !important;
+		}		
 	}
 }