From 50c0d394182e463297b9b067a15ad340da6a6bc4 Mon Sep 17 00:00:00 2001
From: Kyle Shockey <shockey@users.noreply.github.com>
Date: Thu, 29 Jun 2017 23:26:33 -0700
Subject: [PATCH] MOAR alignment

---
 src/core/plugins/oas3/wrap-components/parameters.jsx | 12 +++++++-----
 src/style/_layout.scss                               |  1 +
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/core/plugins/oas3/wrap-components/parameters.jsx b/src/core/plugins/oas3/wrap-components/parameters.jsx
index 3f176bf4..a0dae68a 100644
--- a/src/core/plugins/oas3/wrap-components/parameters.jsx
+++ b/src/core/plugins/oas3/wrap-components/parameters.jsx
@@ -160,11 +160,13 @@ class Parameters extends Component {
           <div className="opblock-section">
             <div className="opblock-section-header">
               <h4 className="opblock-title">Request body</h4>
-              <ContentType
-                value={this.state.requestBodyContentType}
-                contentTypes={ requestBody.get("content").keySeq() }
-                onChange={(val) => this.setState({ requestBodyContentType: val })}
-                className="body-param-content-type" />
+              <label>
+                <ContentType
+                  value={this.state.requestBodyContentType}
+                  contentTypes={ requestBody.get("content").keySeq() }
+                  onChange={(val) => this.setState({ requestBodyContentType: val })}
+                  className="body-param-content-type" />
+              </label>
             </div>
             <div className="opblock-description-wrapper">
               <RequestBody
diff --git a/src/style/_layout.scss b/src/style/_layout.scss
index 71f2f609..b0d8846f 100644
--- a/src/style/_layout.scss
+++ b/src/style/_layout.scss
@@ -220,6 +220,7 @@ body
             display: flex;
 
             margin: 0;
+            margin-left: auto;
 
             align-items: center;
             @include text_headline();