From 6bf1cdf73c3514208c3a73bc73e478b27924420f Mon Sep 17 00:00:00 2001
From: James Lyne <jim+github@not-null.co.uk>
Date: Tue, 28 Jun 2022 12:25:21 +0100
Subject: [PATCH] Improve sidebar section focus ring visibility

---
 src/components/Sidebar.vue                | 2 +-
 src/components/sidebar/SidebarSection.vue | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/Sidebar.vue b/src/components/Sidebar.vue
index 6b9dd66..505aad2 100644
--- a/src/components/Sidebar.vue
+++ b/src/components/Sidebar.vue
@@ -244,7 +244,7 @@ export default defineComponent({
 		overflow: auto;
 		pointer-events: auto;
 		margin-right: -0.5rem;
-		padding: 0.2rem 0.5rem 0 0.2rem;
+		padding: 0.3rem 0.5rem 0 0.3rem;
 		width: 26rem;
         align-items: flex-end;
 		overscroll-behavior: contain;
diff --git a/src/components/sidebar/SidebarSection.vue b/src/components/sidebar/SidebarSection.vue
index 1c06940..d395bb8 100644
--- a/src/components/sidebar/SidebarSection.vue
+++ b/src/components/sidebar/SidebarSection.vue
@@ -110,9 +110,6 @@ export default defineComponent({
 			z-index: 3;
 			border-radius: inherit;
 			margin: -1.5rem -1.5rem 0;
-			white-space: nowrap;
-			text-overflow: ellipsis;
-			overflow: hidden;
 
 			&, button {
 				padding: 1.5rem;
@@ -120,6 +117,7 @@ export default defineComponent({
 
 			button {
 				text-overflow: ellipsis;
+				white-space: nowrap;
 				overflow: hidden;
 				display: flex;
 				font-size: 2rem;
@@ -129,6 +127,8 @@ export default defineComponent({
 				width: calc(100% + 3rem);
 				align-items: center;
 				text-shadow: var(--text-shadow);
+				padding: 1rem 1.5rem;
+				line-height: 1.5;
 				margin: -1.5rem;
 
 				.svg-icon {