committing random clean ups + build script - Ben why use scp :P

src/components/root/Home.js

@@ -65,9 +65,11 @@ export class Home extends Component {
             <UList listItems={builfArrayFromObject(this.state.timeslots)} /> */}
             <TimeSlotHelper />
           </div>
-          <div className="row">
-            <div className="col s12">
-              <GenericList APILINK="/pending/" />
+          <div className="container">
+            <div className="row">
+              <div className="col s12">
+                <GenericList APILINK="/pending/" />
+              </div>
             </div>
           </div>
         </div>

src/components/root/Pages/Cards.js

@@ -28,7 +28,7 @@ class Cards extends Component {
 
     return (
       <div className="row">
-        <div className="col s6 m4">
+        <div className="col s6 m6 card-size">
           <div className="card grey darken-1">
             <div className="card-content white-text">
               <span className="card-title"></span>
@@ -39,7 +39,7 @@ class Cards extends Component {
             </div>
           </div>
         </div>
-        <div className="col s6 m4">
+        <div className="col s6 m6 card-size">
           <div className="card grey darken-1">
             <div className="card-content white-text">
               <span className="card-title"></span>
@@ -50,9 +50,9 @@ class Cards extends Component {
             </div>
           </div>
         </div>
-        <div className="col s6 m3">
-          <div className="card grey darken-1">
-            <div className="card-content white-text">
+        <div className="col s6 m6 card-size">
+          <div className="card grey darken-1 ">
+            <div className="card-content white-text ">
               <span className="card-title"></span>
               {this.missedMig()}
             </div>
@@ -61,7 +61,7 @@ class Cards extends Component {
             </div>
           </div>
         </div>
-        <div className="col s6 m4">
+        <div className="col s6 m6 card-size">
           <div className="card grey darken-1">
             <div className="card-content white-text">
               <span className="card-title"></span>

src/components/root/common/Forms/ReportSingleMigration.js

@@ -62,7 +62,7 @@ const ReportSingleMigration = ({ item }) => {
                   <option>Status</option>
                   <option>Booked</option>
                   <option>Waiting Termination</option>
-                  <option>Complete</option>
+                  <option>Completed</option>
                   <option>Cancelled</option>
                 </Input>
               </FormGroup>

src/components/root/common/Functionality/InlineSearchBar.js

@@ -17,7 +17,7 @@ class InLineSearch extends React.Component {
     // This is so we can access the state within the function
     if (e.keyCode === 13) {
       window.location.href =
-        "https://devui.benjamyn.love/migrations/" + this.state.data;
+        process.env.REACT_APP_SITE_URL + '/migrations/' + this.state.data;
     }
   };
   render() {

src/components/root/common/Tables/TimeSlots.js

@@ -19,7 +19,7 @@ const TimeSlots = (props) => {
   const columns = [
     {
       dataField: "timeslot",
-      text: "timeslot/date",
+      text: "Timeslot/Date",
     },
     {
       dataField: "yesterday",
@@ -52,10 +52,10 @@ const TimeSlots = (props) => {
       columns={columns}
     >
       {(props) => (
-        <div className="py-4">
+        <div >
           <div
             id="datatable-basic_filter"
-            className="dataTables_filter px-4 pb-1"
+            className="dataTables_filter  pb-1"
           ></div>
           <BootstrapTable
             {...props.baseProps}