tiling styles

2 files changed, 15 insertions, 1 deletions

diff --git a/frontend/common/form.component.js b/frontend/common/form.component.js
index 4f52a5e..fb5b26d 100644
--- a/frontend/common/form.component.js
+++ b/frontend/common/form.component.js
@@ -188,6 +188,9 @@ export class FileInput extends Component {
 export const SubmitButton = (props) => (
   <label>
     <span></span>
-    <button className="submit" onClick={props.onClick}>{props.title}</button>
+    <button
+      className={props.className ? "submit " + props.className : "submit"}
+      onClick={props.onClick}
+    >{props.title}</button>
   </label>
 )
diff --git a/frontend/common/form.css b/frontend/common/form.css
index 54ac2d9..dbfa01f 100644
--- a/frontend/common/form.css
+++ b/frontend/common/form.css
@@ -275,6 +275,17 @@ button.submit:hover {
   color: #fff;
   background: #222;
 }
+button.submit.destroy {
+  background-color: rgba(16,16,16,0.5);
+  border-color: #b11;
+  color: #d11;
+}
+button.submit.destroy:focus,
+button.submit.destroy:hover {
+  background: #000;
+  border-color: #f33;
+  color: #f33;
+}
 
 /* file upload, should always be inside a container */