From 8e0b0280c79e3794134bcda17ff0c404eeeeb3ff Mon Sep 17 00:00:00 2001
From: Christopher Henn <chris@chrishenn.net>
Date: Thu, 21 Jun 2018 11:38:14 -0700
Subject: [PATCH] Fix display of TemplateVariableEditor header

---
 ui/src/style/components/edit-template-variable.scss   | 7 +++++++
 ui/src/tempVars/components/TemplateVariableEditor.tsx | 4 +---
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/ui/src/style/components/edit-template-variable.scss b/ui/src/style/components/edit-template-variable.scss
index f10be42fe2..18a75a2976 100644
--- a/ui/src/style/components/edit-template-variable.scss
+++ b/ui/src/style/components/edit-template-variable.scss
@@ -13,6 +13,13 @@ $padding: 20px 30px;
   justify-content: space-between;
 }
 
+.edit-temp-var--header > h1 {
+  color: #eeeff2;
+  letter-spacing: 0;
+  font-size: 19px;
+  font-weight: 400;
+}
+
 .edit-temp-var--header-controls > button {
   display: inline-block;
   margin: 0 5px;
diff --git a/ui/src/tempVars/components/TemplateVariableEditor.tsx b/ui/src/tempVars/components/TemplateVariableEditor.tsx
index 516c8bd380..081799ff5b 100644
--- a/ui/src/tempVars/components/TemplateVariableEditor.tsx
+++ b/ui/src/tempVars/components/TemplateVariableEditor.tsx
@@ -102,9 +102,7 @@ class TemplateVariableEditor extends PureComponent<Props, State> {
     return (
       <div className="edit-temp-var">
         <div className="edit-temp-var--header">
-          <h1 className="page-header__title">
-            {isNew ? 'Create' : 'Edit'} Template Variable
-          </h1>
+          <h1>{isNew ? 'Create' : 'Edit'} Template Variable</h1>
           <div className="edit-temp-var--header-controls">
             <button
               className="btn btn-default"