style tweaks

Author: [email protected]

src/components/block-styles-control/editor.scss

@@ -35,7 +35,7 @@
 		> .ugb-block-styles__select-control {
 			grid-column: 1/3;
 			> .ugb-button-component {
-				background: white;
+				background: #fff;
 				width: 100%;
 				border: 1px solid #00000070;
 				padding: 0px 8px;
@@ -71,7 +71,8 @@
 }
 
 .ugb-block-styles__new-style-modal {
-	min-width: max(350px, 35%);
+	max-width: 350px;
+	width: 100vw;
 }
 .ugb-block-styles__new-style-description {
 	color: #1e1e1e;
@@ -109,10 +110,10 @@
 		height: 32px;
 		width: 100%;
 		align-items: center;
-    	justify-content: space-between;
+		justify-content: space-between;
 
 		&:hover {
-			color: var(--wp-components-color-foreground,#1e1e1e);
+			color: var(--wp-components-color-foreground, #1e1e1e);
 			background: #0000001a;
 		}
 	}

src/components/block-styles-control/index.js

@@ -17,7 +17,7 @@ import classnames from 'classnames'
 /**
  * WordPress dependencies
  */
-import { sprintf, __ } from '@wordpress/i18n'
+import { __ } from '@wordpress/i18n'
 import {
 	BaseControl, Modal,
 	Dropdown,
@@ -174,7 +174,7 @@ export const BlockStylesControl = props => {
 			</BaseControl>
 			{ openProNoticeModal && <Modal
 				className="ugb-block-styles__new-style-modal"
-				title={ sprintf( __( '%s Premium Feature', i18n ), __( 'Global Block Styles', i18n ) ) }
+				title={ __( 'This Is a Premium Feature', i18n ) }
 				onRequestClose={ () => setOpenProNoticeModal( false ) }
 			>
 				<ProControl type="global-block-styles" />