Style empty state

2018-07-31 13:56:00 -07:00 · 2018-07-31 13:56:00 -07:00 · e3596c16e2
parent 697cb96e6b
commit e3596c16e2
2 changed files with 12 additions and 1 deletions
--- a/ui/src/dashboards/components/ImportDashboardMappings.scss
+++ b/ui/src/dashboards/components/ImportDashboardMappings.scss
@ -70,3 +70,7 @@
 .dash-map--submit {
  width: 140px;
 }
+
+.dash-map--empty {
+  margin-top: 30px;
+}
--- a/ui/src/dashboards/components/ImportDashboardMappings.tsx
+++ b/ui/src/dashboards/components/ImportDashboardMappings.tsx
@ -79,7 +79,14 @@ class ImportDashboardMappings extends Component<Props, State> {
  }

  private get noMappings(): JSX.Element {
-    return <div data-test="no-mapping">No source mappings required</div>
+    return (
+      <div
+        data-test="no-mapping"
+        className="generic-empty-state dash-map--empty"
+      >
+        <h5>No source mappings required</h5>
+      </div>
+    )
  }

  private get description(): JSX.Element {