From 19393e09d14123aa65f21cdbde1ba9b25a77b3e2 Mon Sep 17 00:00:00 2001
From: Zach Panzarino <zachary@panzarino.com>
Date: Mon, 3 Aug 2020 02:36:13 -0400
Subject: [PATCH] fix(reporter): minor UI fixes and improvements (#8153)

---
 packages/reporter/src/agents/agents.tsx        | 2 +-
 packages/reporter/src/commands/commands.scss   | 2 +-
 packages/reporter/src/routes/routes.tsx        | 2 +-
 packages/reporter/src/runnables/runnables.scss | 1 +
 4 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/packages/reporter/src/agents/agents.tsx b/packages/reporter/src/agents/agents.tsx
index 7a2db43a7f57..6e786ed81082 100644
--- a/packages/reporter/src/agents/agents.tsx
+++ b/packages/reporter/src/agents/agents.tsx
@@ -45,7 +45,7 @@ const Agents = observer(({ model }: AgentsProps) => (
         <li className='hook-item'>
           <Collapsible
             header={`Spies / Stubs (${model.agents.length})`}
-            headerClass='hook-name'
+            headerClass='hook-header'
             contentClass='instrument-content'
           >
             <table>
diff --git a/packages/reporter/src/commands/commands.scss b/packages/reporter/src/commands/commands.scss
index 032457d68618..3a5287a6a21a 100644
--- a/packages/reporter/src/commands/commands.scss
+++ b/packages/reporter/src/commands/commands.scss
@@ -40,7 +40,7 @@
         padding: 4px 0;
 
         &:focus {
-          outline: 1px dotted #6c6c6c;
+          outline: none;
         }
 
         > .collapsible-header-inner:focus {
diff --git a/packages/reporter/src/routes/routes.tsx b/packages/reporter/src/routes/routes.tsx
index dfcb1bb7274e..9b4d1d8b1040 100644
--- a/packages/reporter/src/routes/routes.tsx
+++ b/packages/reporter/src/routes/routes.tsx
@@ -55,7 +55,7 @@ const Routes = observer(({ model }: RoutesProps) => (
         <li className='hook-item'>
           <Collapsible
             header={`Routes (${model.routes.length})`}
-            headerClass='hook-name'
+            headerClass='hook-header'
             contentClass='instrument-content'
           >
             <table>
diff --git a/packages/reporter/src/runnables/runnables.scss b/packages/reporter/src/runnables/runnables.scss
index 299f1b173ac4..e0c445ff6162 100644
--- a/packages/reporter/src/runnables/runnables.scss
+++ b/packages/reporter/src/runnables/runnables.scss
@@ -111,6 +111,7 @@
     &.runnable-pending > div > .runnable-wrapper,
     &.runnable-pending > div > .runnable-instruments {
       border-left: 5px solid lighten($pending, 25%);
+      padding-bottom: 0;
     }
 
     &.runnable-passed > div > .runnable-wrapper,