From a262f44762ea1d808073852a1ad685b75f242f89 Mon Sep 17 00:00:00 2001
From: David Lechner <david@pybricks.com>
Date: Thu, 1 Dec 2022 18:10:16 -0600
Subject: [PATCH] explorer: fix focus outline obscured

---
 src/activities/activities.scss | 2 +-
 src/explorer/explorer.scss     | 5 +++++
 src/settings/settings.scss     | 1 +
 3 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/activities/activities.scss b/src/activities/activities.scss
index d9bbaa9d..ddc8f1e0 100644
--- a/src/activities/activities.scss
+++ b/src/activities/activities.scss
@@ -14,7 +14,7 @@
     }
 
     & .pb-activities-tabview {
-        padding-left: bp.$pt-grid-size;
+        padding: bp.$pt-grid-size * 0.5;
     }
 }
 
diff --git a/src/explorer/explorer.scss b/src/explorer/explorer.scss
index 3bc3c71b..0ce5148a 100644
--- a/src/explorer/explorer.scss
+++ b/src/explorer/explorer.scss
@@ -17,6 +17,11 @@
     &-file-tree {
         overflow-y: auto;
 
+        & .#{bp.$ns}-tree-node-list {
+            // make foucus outline fit
+            margin: 2px;
+        }
+
         // don't need extra padding around toolbar
         & .#{bp.$ns}-tree-node-secondary-label {
             padding: unset;
diff --git a/src/settings/settings.scss b/src/settings/settings.scss
index dbba0091..89d99fa7 100644
--- a/src/settings/settings.scss
+++ b/src/settings/settings.scss
@@ -7,6 +7,7 @@
 
 .pb-settings {
     overflow-y: auto;
+    padding: bp.$pt-grid-size;
 
     .#{bp.$ns}-control-group {
         .#{bp.$ns}-button {