From 7ac37de9afc8261b943acdf69c78ebfd85395e11 Mon Sep 17 00:00:00 2001
From: John James Jacoby <johnjamesjacoby@me.com>
Date: Wed, 21 Jun 2017 09:45:22 -0500
Subject: [PATCH] Beef up the padding on component panel titles.

This increases the size of the clickable target area for component panel titles by 30px in each direction, making them easier to click open & closed.

Fixes #1335.
---
 components/panel/style.scss | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/components/panel/style.scss b/components/panel/style.scss
index 50a74919376fc..d540e9747a9c8 100644
--- a/components/panel/style.scss
+++ b/components/panel/style.scss
@@ -52,21 +52,20 @@
 .components-panel__body-title {
 	display: block;
 	padding: 0;
-	margin: 0;
+	margin: -15px;
 	font-size: inherit;
 }
 
 .components-panel__body-toggle.components-icon-button {
 	position: relative;
-	padding: 0;
-	padding-right: 20px;
+	padding: 15px;
 	outline: none;
 	width: 100%;
 	font-weight: 600;
 
 	.dashicon {
 		position: absolute;
-		right: 0;
+		right: 10px;
 		top: 50%;
 		transform: translateY( -50% );
 	}