complete frontend restyling

frontend-react/src/components/NotificationModal.js

@@ -19,6 +19,22 @@ const modalStyle = function() {
   };
 };
 
+const buttonStyle = function() {
+  return {
+    width: "100px",
+    margin: "0 auto",
+    position: "relative",
+    borderRadius: "8px",
+    display: "block",
+    padding: "10px 10px",
+    textAlign: "center",
+    marginBottom: "20px",
+    color: "white",
+    backgroundColor: "#e91e63",
+    border: "1px solid #e91e63"
+  };
+};
+
 class NotificationModal extends React.Component {
   handleOpen = () => {
     this.props.onModalOpen();
@@ -50,7 +66,9 @@ class NotificationModal extends React.Component {
 
     return (
       <div>
-        <button onClick={this.handleOpen}>Open Modal</button>
+        <button style={buttonStyle()} onClick={this.handleOpen}>
+          Open Modal
+        </button>
 
         <div style={modalStyle()} aria-labelledby="modal-label" hidden={!modal}>
           <div>