explorer: fix focus outline obscured

src/activities/activities.scss

@@ -14,7 +14,7 @@
     }
 
     & .pb-activities-tabview {
-        padding-left: bp.$pt-grid-size;
+        padding: bp.$pt-grid-size * 0.5;
     }
 }
 

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;

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 {