Twenty Nineteen: Fixes button block padding within the editor.

The button block padding was not the same in the editor and front. This resolves that issue with the font size having being resolved in a previous ticket.

Props pitamdey, sabernhardt.
Fixes #61235.


git-svn-id: https://develop.svn.wordpress.org/trunk@58556 602fd350-edb4-49c9-b593-d223f7449a82

Author: karmatosed

src/wp-content/themes/twentynineteen/style-editor.css

@@ -999,6 +999,7 @@ figcaption,
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
   font-size: 0.88889em;
   font-weight: bold;
+  padding: 16.72px 22px;
 }
 
 .wp-block-button .wp-block-button__link:not(.has-text-color) {

src/wp-content/themes/twentynineteen/style-editor.scss

@@ -393,6 +393,7 @@ figcaption,
 		@include font-family( $font__heading );
 		font-size: $font__size-sm;
 		font-weight: bold;
+		padding: ($font__size_base * .76) $font__size_base;
 
 		&:not(.has-text-color) {
 			color: #fff;