From 55164443caa7e79dfaee0f22bce40f557b85b0e2 Mon Sep 17 00:00:00 2001
From: tellthemachines <tellthemachines@users.noreply.github.com>
Date: Fri, 25 Jun 2021 19:34:31 +1000
Subject: [PATCH] Adjust legacy widget form styles to match editor. (#32974)

---
 .../src/blocks/legacy-widget/editor.scss      | 40 +++++++++----------
 1 file changed, 18 insertions(+), 22 deletions(-)

diff --git a/packages/widgets/src/blocks/legacy-widget/editor.scss b/packages/widgets/src/blocks/legacy-widget/editor.scss
index c06f685cb20300..72c15ff32a6b16 100644
--- a/packages/widgets/src/blocks/legacy-widget/editor.scss
+++ b/packages/widgets/src/blocks/legacy-widget/editor.scss
@@ -23,36 +23,32 @@
 			font-size: $default-font-size;
 		}
 
-		label + .widefat {
-			margin-top: $grid-unit-15;
-		}
-
 		// Override theme style bleed.
 		label,
 		input,
 		a {
+			font-family: system-ui;
+			font-weight: normal;
 			color: $black;
 		}
+		input[type="text"],
 		select {
 			font-family: system-ui;
-			-webkit-appearance: revert;
-			color: revert;
-			border: revert;
-			border-radius: revert;
-			background: revert;
-			box-shadow: revert;
-			text-shadow: revert;
-			outline: revert;
-			cursor: revert;
-			transform: revert;
-			font-size: revert;
-			line-height: revert;
-			padding: revert;
-			margin: revert;
-			min-height: revert;
-			max-width: revert;
-			vertical-align: revert;
-			font-weight: revert;
+			background: transparent;
+			box-sizing: border-box;
+			border: 1px solid $gray-700;
+			border-radius: 3px;
+			box-shadow: none;
+			color: $black;
+			display: block;
+			margin: 0;
+			width: 100%;
+			font-size: $default-font-size;
+			font-weight: normal;
+			height: 30px;
+			line-height: 1;
+			min-height: 30px;
+			padding-left: $grid-unit-05;
 		}
 	}