[#23][#140652771] Tambahin icon verified

assets/css/custom.css

@@ -59,10 +59,12 @@ background-color: #EEEEEE;
 }
 
 .halamanLogin{
-  width: 1000px;
-  height: 646px;
   background-size: cover;
-  background: url("../img/bw-blur.png") fixed center;
+  background: url("../img/background.png")no-repeat center center fixed;
+  -webkit-background-size: cover;
+  -moz-background-size: cover;
+  -o-background-size: cover;
+  background-size: cover;
   padding-bottom: 80px;
 }
 
@@ -72,7 +74,7 @@ background-color: #EEEEEE;
 }
 
 .formLogin{
-  margin: 80px auto 0;
+  margin: 30px auto 0;
   width: 430px;
 }
 

assets/js/HomeCompany.jsx

 import React from 'react';
 import CompanyVacancy from './components/CompanyVacancy';
+import {  Segment } from 'semantic-ui-react';
 
 export default class ApplicantPage extends React.Component {
   render() {
     return (
-      <CompanyVacancy header="Software Engineer" />
+
+        <CompanyVacancy header="Software Engineer" />
+
     );
   }
 }

assets/js/components/CompanyVacancy.jsx

 import React from 'react';
 import moment from 'moment';
-import { Button, Icon, Item } from 'semantic-ui-react';
+import { Button, Icon, Item, Segment } from 'semantic-ui-react';
 import { Link } from 'react-router';
 
 const defaultImage = 'http://semantic-ui.com/images/wireframe/image.png';
@@ -19,23 +19,29 @@ export default class ApplicantList extends React.Component {
 
   render() {
     return (
+
       <Item className="applicantItems">
         <Item.Image src={this.props.data.company.logo ? this.props.data.company.logo : defaultImage} size="small" />
 
         <Item.Content>
           <Item.Header as="a">{this.props.data.name}</Item.Header>
-          <Button color="blue" floated="right" as={Link} to={this.getLink}>
-            Ubah <Icon name="right chevron" />
-          </Button>
+          <Segment compact basic floated="right">
+            <h4> <Icon name="right checkmark box" size="large" color="green" /> Verified </h4>
+            <Button color="blue" floated="right" as={Link} to={this.getLink}>
+              Ubah <Icon name="right chevron" />
+            </Button>
+          </Segment>
+
 
           <Item.Extra>
             <h3> 105 Pendaftar </h3>
-            Ditutup {moment(moment(this.props.data.close_time)).fromNow()}
+              Ditutup {moment(moment(this.props.data.close_time)).fromNow()}
           </Item.Extra>
 
         </Item.Content>
 
       </Item>
+
     );
   }
 }

assets/js/components/VacancyList.jsx

 import React from 'react';
-import { Item, Button, Grid } from 'semantic-ui-react';
+import { Item, Button, Grid, Segment } from 'semantic-ui-react';
 import { Link } from 'react-router';
 import Vacancy from './Vacancy';
 import CompanyVacancy from './CompanyVacancy';
@@ -84,11 +84,15 @@ export default class VacancyList extends React.Component {
   }
 
   render = () => (
+    <Segment>
     <Grid container columns="eleven" doubling>
       { this.companyHeader() }
-      <Item.Group relaxed style={{ width: '100%' }}>
-        { this.generateVacancies() }
-      </Item.Group>
+
+        <Item.Group relaxed style={{ width: '100%' }}>
+          { this.generateVacancies() }
+        </Item.Group>
+
     </Grid>
+    </Segment>
   );
 }