From 0997c5e5d4887ad13cea00d4a858056cbbdc07e4 Mon Sep 17 00:00:00 2001
From: Kyle Shockey <shockey@users.noreply.github.com>
Date: Thu, 30 Nov 2017 14:34:01 -0800
Subject: [PATCH] Remove hardwired "Server" header, make global one prettier

---
 src/core/components/layouts/base.jsx         |  1 +
 src/core/plugins/oas3/components/servers.jsx |  1 -
 src/style/_layout.scss                       | 10 ++++++----
 3 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/core/components/layouts/base.jsx b/src/core/components/layouts/base.jsx
index 6cd909bb..dea681a7 100644
--- a/src/core/components/layouts/base.jsx
+++ b/src/core/components/layouts/base.jsx
@@ -95,6 +95,7 @@ export default class BaseLayout extends React.Component {
 
             { servers && servers.size ? (
               <div className="server-container">
+                <span className="servers-title">Server</span>
                 <Col className="servers wrapper" mobile={12}>
                   <Servers
                     servers={servers}
diff --git a/src/core/plugins/oas3/components/servers.jsx b/src/core/plugins/oas3/components/servers.jsx
index ee01c78b..5ebfcf5a 100644
--- a/src/core/plugins/oas3/components/servers.jsx
+++ b/src/core/plugins/oas3/components/servers.jsx
@@ -95,7 +95,6 @@ export default class Servers extends React.Component {
     return (
       <div>
         <label htmlFor="servers">
-          <span className="servers-title">Servers</span>
           <select onChange={ this.onServerChange }>
             { servers.valueSeq().map(
               ( server ) =>
diff --git a/src/style/_layout.scss b/src/style/_layout.scss
index 0427b276..e5fac6e2 100644
--- a/src/style/_layout.scss
+++ b/src/style/_layout.scss
@@ -671,15 +671,17 @@
       }
     }
 
+    .servers-title {
+      margin: 20px;
+      line-height: 2em;
+      font-weight: bold;
+    }
+
     .servers
     {
         display: flex;
         align-items: center;
 
-        .servers-title {
-          margin-right: 1em;
-        }
-
          > label
         {
             font-size: 12px;