Customizer: Improve small-screen styles in Widgets panel.

Props mrasharirfan, mrahmadawais.
Fixes #41614.


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

src/wp-admin/css/customize-controls.css

@@ -1489,6 +1489,7 @@ body.cheatin p {
 #customize-theme-controls .add-new-menu-item {
 	cursor: pointer;
 	float: right;
+	margin: 0;
 	margin-left: 10px;
 	transition: all 0.2s;
 	-webkit-user-select: none;
@@ -1512,7 +1513,7 @@ body.cheatin p {
 	display: inline-block;
 	position: relative;
 	left: -2px;
-	top: -1px;
+	top: 0;
 	font: normal 20px/1 dashicons;
 	vertical-align: middle;
 	transition: all 0.2s;
@@ -1793,7 +1794,7 @@ body.adding-widget .add-new-widget:before,
 #available-widgets .widget-tpl,
 #available-menu-items .item-tpl {
 	position: relative;
-	padding: 20px 15px 20px 60px;
+	padding: 15px 15px 15px 60px;
 	background: #fff;
 	border-bottom: 1px solid #ddd;
 	border-left: 4px solid #fff;
@@ -1841,6 +1842,10 @@ body.adding-widget .add-new-widget:before,
 	.customize-control input[type="checkbox"] + label {
 		line-height: 32px;
 	}
+
+	.wp-core-ui.wp-customizer .button {
+		margin-top: 12px;
+	}
 }
 
 @media screen and ( max-width: 640px ) {
@@ -1923,6 +1928,7 @@ body.adding-widget .add-new-widget:before,
 		vertical-align: middle;
 		height: auto;
 		margin-bottom: 4px;
+		margin-top: 12px;
 	}
 
 	#customize-header-actions .button-primary {
@@ -1986,4 +1992,9 @@ body.adding-widget .add-new-widget:before,
 	#available-menu-items-search .search-icon {
 		top: 85px; /* 70 section title height + 13 container padding +1 input margin +1 input border */
 	}
+
+	.reorder,
+	.reordering .reorder-done {
+		padding: 8px;
+	}
 }

src/wp-admin/css/widgets.css

@@ -753,7 +753,7 @@ ul.CodeMirror-hints {
 	}
 
 	div.widget {
-		margin: 0 auto 10px !important;
+		margin: 0 auto !important;
 		max-width: 480px;
 	}
 }