Merge ListingApplicants into userstory3

assets/css/custom.css

@@ -19,7 +19,9 @@ background-color: #EEEEEE;
 }
 
 .create-lowongan{
-  margin: 60px 19% 100px;
+padding-bottom: 7%;
+padding-left:15%;
+padding-right:15%;
 }
 
 .ui.segment.form-segment{
@@ -176,8 +178,27 @@ card .formRegis{
   margin-top:4%;
 }
 
-.profilePage{
-  margin-bottom:40px;
-  margin-left:5%;
-  margin-right:5%;
+.profilePage {
+  margin-bottom: 40px;
+  margin-left: 5%;
+  margin-right: 5%;
+}
+
+#react-app{
+ position: relative; /* needed for footer positioning*/
+ height: auto !important; /* real browsers */
+ min-height: 100%; /* real browsers */
+ background-color: #EEEEEE;
+}
+
+.footer{
+ background-color: #031634;
+ position: absolute;
+ bottom: 0;
+ width: 100%;
+ padding:1%;
+}
+
+.footer h5{
+  color:white;
 }
\ No newline at end of file

assets/js/Dashboard.jsx

 import React from 'react';
 import TopMenu from './components/TopMenu';
+import Footer from './components/Footer'
 
 export default class Dashboard extends React.Component {
   static propTypes = {
@@ -13,6 +14,7 @@ export default class Dashboard extends React.Component {
     <div>
       <TopMenu />
       {this.props.children}
+      <Footer/>
     </div>
   )
 }

assets/js/components/Footer.jsx

+import React from 'react';
+import { Container } from 'semantic-ui-react';
+
+export default class Footer extends React.Component {
+  render() {
+    return (
+        <div className="footer">
+            <Container textAlign="center">
+                <h5>All Rights Reserved © 2017</h5>
+            </Container>
+        </div>
+    );
+  }
+}
\ No newline at end of file