Merge pull request #80 from Automattic/polish/event

Author: Alex Lende

blocks/event/editor.scss

@@ -2,6 +2,11 @@
 .wp-block-a8c-event {
 	.event__date-select {
 		display: inline;
+
+		.components-button {
+			height: auto;
+			background: white;
+		}
 	}
 
 	// Fixes for overriding editor styles

blocks/event/src/icons.js

@@ -10,6 +10,6 @@ export const Icon = () => (
 		height="24"
 		viewBox="0 0 24 24"
 	>
-		<Path d="M17 12h-5v5h5v-5zM16 1v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2h-1V1h-2zm3 18H5V8h14v11z" />
+		<Path d="M19,3H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V5C21,3.9,20.1,3,19,3z M19.5,19c0,0.3-0.2,0.5-0.5,0.5H5 c-0.3,0-0.5-0.2-0.5-0.5V7h15V19z M17,13h-4v4h4V13z" />
 	</SVG>
 );

blocks/event/style.scss

@@ -4,22 +4,17 @@
 	flex-direction: row;
 
 	padding: 18px;
-	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
-		Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
-
-	transition: box-shadow 0.1s ease;
-	box-shadow: 0 0 0 rgba( 0, 0, 0, 0.2 );
+	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
+	box-shadow: inset 0 0 0 4px rgba(0,0,0,.1);
 
 	.event__datebox {
 		float: left;
 		width: 40px;
 		height: 40px;
-		box-shadow: 0 1px 2px rgba( 0, 0, 0, 0.2 );
-		background: white;
-		color: black;
+		background: black;
+		color: white;
 		margin: 0 18px 18px 0;
 		padding: 4px;
-		border-radius: 4px;
 		text-align: center;
 
 		> span {
@@ -74,11 +69,5 @@
 
 	.event__image--save {
 		float: right;
-		border-radius: 4px;
-	}
-
-	&:hover,
-	.is-selected & {
-		box-shadow: 0 10px 20px rgba( 0, 0, 0, 0.2 );
 	}
 }