From 047753142c57cc14fc52ab9bbc5fdfa516667659 Mon Sep 17 00:00:00 2001
From: Alex P <thealexpaxton@gmail.com>
Date: Tue, 31 Jul 2018 13:38:22 -0700
Subject: [PATCH] Center submit button

Co-Authored-By: Iris Scholten <ischolten.is@gmail.com>
---
 .../components/ImportDashboardMappings.scss           | 10 ++++++++++
 .../dashboards/components/ImportDashboardMappings.tsx | 11 ++++++++---
 2 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/ui/src/dashboards/components/ImportDashboardMappings.scss b/ui/src/dashboards/components/ImportDashboardMappings.scss
index 539e2a17b..9e2fb0c8a 100644
--- a/ui/src/dashboards/components/ImportDashboardMappings.scss
+++ b/ui/src/dashboards/components/ImportDashboardMappings.scss
@@ -60,3 +60,13 @@
   padding-right: 0;
 }
 
+.dash-map--footer {
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  margin-top: 30px;
+}
+
+.dash-map--submit {
+  width: 140px;
+}
diff --git a/ui/src/dashboards/components/ImportDashboardMappings.tsx b/ui/src/dashboards/components/ImportDashboardMappings.tsx
index d7ebc5b9f..933393a40 100644
--- a/ui/src/dashboards/components/ImportDashboardMappings.tsx
+++ b/ui/src/dashboards/components/ImportDashboardMappings.tsx
@@ -66,9 +66,14 @@ class ImportDashboardMappings extends Component<Props, State> {
       <>
         {this.description}
         {this.table}
-        <button className="btn btn-sm btn-success" onClick={this.handleSubmit}>
-          Done
-        </button>
+        <div className="dash-map--footer">
+          <button
+            className="dash-map--submit btn btn-sm btn-success"
+            onClick={this.handleSubmit}
+          >
+            Done
+          </button>
+        </div>
       </>
     )
   }