From 324c8e229aff4727f629fcc2b69f3db333b48255 Mon Sep 17 00:00:00 2001
From: And Finally <andfinally@users.noreply.github.com>
Date: Fri, 30 Jul 2021 14:47:19 +0100
Subject: [PATCH] Style tweaks. Added mobile styles. Using default font-family.
 Removed letter-spacing. Using flexbox to centre the content in the header.

---
 assets/css/admin.scss | 32 +++++++++++++++++++++-----------
 1 file changed, 21 insertions(+), 11 deletions(-)

diff --git a/assets/css/admin.scss b/assets/css/admin.scss
index bc2f3e7b7dc..68edcdaa8fa 100644
--- a/assets/css/admin.scss
+++ b/assets/css/admin.scss
@@ -25,9 +25,12 @@
 
 	.marketplace-header {
 		background-image: url("../images/marketplace-header-bg@2x.png");
+		background-position: right;
 		background-size: cover;
-		font-family: sans-serif;
-		padding-left: 84px;
+		display: flex;
+		flex-direction: column;
+		justify-content: center;
+		padding: 24px;
 		min-height: 216px;
 
 		&__title {
@@ -35,18 +38,15 @@
 			font-size: 32px;
 			font-style: normal;
 			font-weight: 400;
-			letter-spacing: -0.32px;
-			line-height: 24px;
+			line-height: 1.15;
 			margin-bottom: 8px;
 			padding: 0;
-			padding-top: 47px;
 		}
 
 		&__description {
 			color: #fff;
 			font-size: 16px;
 			line-height: 24px;
-			letter-spacing: -0.32px;
 			margin-bottom: 24px;
 			margin-top: 0;
 		}
@@ -54,25 +54,27 @@
 		&__search-form {
 			clear: both;
 			display: block;
+			max-width: 318px;
 			position: relative;
 
 			input {
 				border: 1px solid #ddd;
 				box-shadow: none;
-				height: 53px;
+				font-size: 13px;
+				height: 48px;
+				padding-left: 16px;
 				padding-right: 50px;
 				width: 100%;
 				margin: 0;
-				max-width: 318px;
 			}
 
 			button {
 				background: none;
 				border: none;
 				cursor: pointer;
-				height: 53px;
-				left: -53px;
-				position: relative;
+				height: 48px;
+				position: absolute;
+				right: 0;
 				width: 53px;
 			}
 		}
@@ -7452,3 +7454,11 @@ table.bar_chart {
 	color: darkred;
 	font-weight: bold;
 }
+
+@media screen and (min-width: 600px) {
+	.wc_addons_wrap {
+		.marketplace-header {
+			padding-left: 84px;
+		}
+	}
+}