Added first UI changes

scm-ui-components/packages/ui-components/src/buttons/CreateButton.js

@@ -1,24 +1,27 @@
-//@flow
-import React from "react";
-import injectSheet from "react-jss";
-import AddButton, { type ButtonProps } from "./Button";
-import classNames from "classnames";
-
-const styles = {
-  spacing: {
-    margin: "1em 0 0 1em"
-  }
-};
-
-class CreateButton extends React.Component<ButtonProps> {
-  render() {
-    const { classes } = this.props;
-    return (
-      <div className={classNames("is-pulled-right", classes.spacing)}>
-        <AddButton {...this.props} />
-      </div>
-    );
-  }
-}
-
-export default injectSheet(styles)(CreateButton);
+//@flow
+import React from "react";
+import injectSheet from "react-jss";
+import SubmitButton, { type ButtonProps } from "./SubmitButton";
+import classNames from "classnames";
+
+const styles = {
+  spacing: {
+    marginTop: "2em",
+    border: "2px solid #e9f7fd",
+    padding: "1em 1em"
+  }
+  
+};
+
+class CreateButton extends React.Component<ButtonProps> {
+  render() {
+    const { classes } = this.props;
+    return (
+      <div className={classNames("has-text-centered", classes.spacing)}>
+        <SubmitButton {...this.props} />
+      </div>
+    );
+  }
+}
+
+export default injectSheet(styles)(CreateButton);