Merge branch 'Features/create-vacancy-company' into 'UserStory3'

[#21][#140652771] Page CRUD vacancy page

See merge request !11

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{
@@ -175,3 +177,21 @@ card .formRegis{
   color: black;
 }
 
+#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