minor changes

src/actions/index.js

@@ -85,7 +85,7 @@ const registerEvent = formData => (dispatch) => {
   services.registerEvent(formData).then((data) => {
     if (data.success) {
       dispatch(success('EVENT_REGISTERED_SUCCESS', data));
-      SweetAlert('Registered SuccessFully', 'success');
+      SweetAlert('Registered Successfully', 'success');
       dispatch(getRegisteredEvents());
     } else {
       dispatch(failure('EVENT_REGISTERED_FAILURE', data));

src/components/Events/Events.css

@@ -29,6 +29,7 @@ body, html {
   border: 0px solid;
   transition: all 0.2s ease;
   margin-bottom: 20px;
+  min-width: 100%;
 }
 #events-page .card:hover {
   box-shadow: 0px 0px 10px 0px #565656;

src/components/Events/Events.jsx

@@ -11,7 +11,7 @@ const checkUser = (registerEvent, eventCategory, eventName, history) => {
   if ((localStorage.getItem('token') ? jwtDecode(localStorage.getItem('token')).name : null)) {
     registerEvent(eventCategory, eventName);
   } else {
-    SweetAlert('Please Login to Register for an event', 'error');
+    SweetAlert('Please Login to Register for an event', 'warning');
     history.push('/');
   }
 };
@@ -231,7 +231,7 @@ class Events extends React.Component {
               const str = e.eventName;
               if (str.match(re)) {
                 return (
-                  <div key={e.eventName} className="col-sm-4">
+                  <div key={e.eventName} className="col-sm-4 d-flex align-items-stretch justify-content-center">
                     <EventCard event={e} rules={e.rules} registerEvent={registerEvent} registeredEvents={registeredEvents} history={history} />
                   </div>
                 );

src/components/OnBoarding/OnBoarding.css

@@ -2,13 +2,22 @@
 	min-height: 100vh;
 	margin: 0px;
 	animation-name: fade-in;
-  animation-duration: 0.3s;
-  animation-timing-function: ease-in-out;
+    animation-duration: 0.3s;
+    background: none !important;
+    animation-timing-function: ease-in-out;
+    color: #fff !important;
+}
+#onBoarding-page h1 {
+    font-weight: bold;
 }
 .control-width {
 	max-width: 50%;
 	margin-left: 20px;
 }
+body, html {
+    background: linear-gradient(rgb(17, 67, 87), rgb(242, 148, 146)) !important; 
+}
+
 @keyframes fade-in {
     from {
     	opacity: 0;
@@ -18,4 +27,15 @@
     	opacity: 1;
     	transform: scale(1);
     }
+}
+
+/* For Firefox */
+input[type='number'] {
+    -moz-appearance:textfield;
+}
+/* Webkit browsers like Safari and Chrome */
+input[type=number]::-webkit-inner-spin-button,
+input[type=number]::-webkit-outer-spin-button {
+    -webkit-appearance: none;
+    margin: 0;
 }

src/components/OnBoarding/OnBoarding.jsx

@@ -46,12 +46,12 @@ class OnBoarding extends React.Component {
         <h1 className="display-4 text-center">
       Welcome aboard
         </h1>
-        <h1 className="text-center mb-5">
-    Techspardha18 Prime
-        </h1>
-        <h5 className="text-center">
+        <h3 className="text-center mb-5">
+    Techspardha'18 Prime
+        </h3>
+        <p className="lead text-center">
     To continue we need a few more details about you...
-        </h5>
+        </p>
         <div className="container text-center">
           <hr className="my-4" />
 

src/components/User/User.css

@@ -36,6 +36,7 @@ body, html {
 }
 #myProfile-heading {
 	margin-bottom: 30px;
+	font-weight: bold !important;
 }
 #user-name, #user-college, #user-year {
 	text-transform: capitalize;