From ce97b009da491be0cfa8060df0ce8400675cd0ef Mon Sep 17 00:00:00 2001
From: Filip Barl <filip.barl@gmail.com>
Date: Tue, 17 Oct 2017 19:16:05 +0200
Subject: [PATCH] Fixed Time Travel component styles.

---
 .../scripts/components/time-travel-component.js | 17 +++++++++++++++--
 client/app/styles/_base.scss                    |  3 ---
 2 files changed, 15 insertions(+), 5 deletions(-)

diff --git a/client/app/scripts/components/time-travel-component.js b/client/app/scripts/components/time-travel-component.js
index f9a33f3b4..3fa8c53bd 100644
--- a/client/app/scripts/components/time-travel-component.js
+++ b/client/app/scripts/components/time-travel-component.js
@@ -145,7 +145,20 @@ const DisabledRange = styled.rect`
   fill-opacity: 0.15;
 `;
 
-const TimestampLabel = styled.button`
+const ShallowButton = styled.button`
+  background-color: transparent;
+  border: 0;
+  color: ${props => props.theme.colors.primary.lavender};
+  cursor: pointer;
+  padding: 0;
+  outline: 0;
+
+  &:hover {
+    color: ${props => props.theme.colors.primary.charcoal};
+  }
+`;
+
+const TimestampLabel = ShallowButton.extend`
   margin-left: 2px;
   padding: 3px;
 
@@ -155,7 +168,7 @@ const TimestampLabel = styled.button`
   }
 `;
 
-const TimelinePanButton = styled.button`
+const TimelinePanButton = ShallowButton.extend`
   pointer-events: all;
   padding: 2px;
 `;
diff --git a/client/app/styles/_base.scss b/client/app/styles/_base.scss
index e59252ead..015c271d4 100644
--- a/client/app/styles/_base.scss
+++ b/client/app/styles/_base.scss
@@ -9,9 +9,6 @@
     url("../../node_modules/materialize-css/fonts/roboto/Roboto-Regular.ttf");
 }
 
-// TODO: Remove this line once Service UI CONFIGURE button stops being added to Scope.
-.scope-wrapper .setup-nav-button { display: none; }
-
 a {
   text-decoration: none;
 }