Merge pull request #127 from ZBoxApp/issues_resolved_manager

add style to center login form

path.json

-module.exports = {"main":{"js":"/619769bundle.js"}}
+module.exports = {"main":{"js":"/459212bundle.js"}}
\ No newline at end of file

src/components/companies/company_details.jsx

@@ -75,7 +75,7 @@ export default class CompaniesDetails extends React.Component {
                 },
                 (data) => {
                     const domains = data.domain;
-                    self.getPlans(domains).
+                    return self.getPlans(domains).
                     then(() => {
                         company.domains = domains;
                         resolve(company);

src/components/domain/domains.jsx

@@ -158,7 +158,10 @@ export default class Domains extends React.Component {
 
         if (this.state.loading) {
             panelBody = (
-                <div className='text-center'>
+                <div
+                    className='text-center'
+                    key={'domain-loading'}
+                >
                     <i className='fa fa-spinner fa-spin fa-4x fa-fw'></i>
                     <p>{'Cargando Dominios...'}</p>
                 </div>
@@ -276,7 +279,7 @@ export default class Domains extends React.Component {
             }
 
             panelBody = (
-                <div>
+                <div key={'body-domains'}>
                     <div
                         id='index-domains-table'
                         className='table-responsive'

src/components/mailbox/mailbox.jsx

@@ -424,6 +424,7 @@ export default class Mailboxes extends React.Component {
                     currentPage={this.state.page}
                     totalPages={hasPage.total}
                     total={hasPage.totalItems}
+                    name={'Casillas'}
                 />
             );
         }

src/components/pagination.jsx

@@ -70,11 +70,13 @@ export default class Pagination extends React.Component {
         const total = this.props.totalPages;
         const current = this.props.currentPage;
         const pages = [];
+        const hasName = this.props.name;
 
         let first;
         let prev;
         let next;
         let last;
+        let totalItems;
 
         const console = (
             <li key='console-page'>
@@ -82,11 +84,13 @@ export default class Pagination extends React.Component {
             </li>
         );
 
-        let totalItems = (
+        if (hasName) {
+            totalItems = (
                 <li key='total-items'>
-                <span>{`${this.props.total} Casillas`}</span>
+                    <span>{`${this.props.total} ${hasName}`}</span>
                 </li>
             );
+        }
 
         if (current > 1 && current <= total) {
             first = (
@@ -196,7 +200,8 @@ Pagination.propTypes = {
     currentPage: React.PropTypes.number.isRequired,
     totalPages: React.PropTypes.number.isRequired,
     range: React.PropTypes.number,
-    total: React.PropTypes.number
+    total: React.PropTypes.number,
+    name: React.PropTypes.string
 };
 
 Pagination.defaultProps = {

src/sass/layout/_layout.scss

@@ -44,7 +44,9 @@ body {
   height: inherit;
 
   > div {
-    height: inherit;
+    position: relative;
+    top: 50%;
+    transform: translateY(-50%);
   }
 
   #wrapper {

src/sass/routes/_login.scss

@@ -7,25 +7,21 @@ body {
 .login-container {
   margin: auto;
   max-width: 420px;
-  padding-top: 6%;
 }
 
 .register-container {
   margin: auto;
   max-width: 720px;
-  padding-top: 6%;
 }
 
 .lock-container {
   margin: auto;
   max-width: 420px;
-  padding-top: 6%;
 }
 
 .error-container {
   margin: auto;
   max-width: 620px;
-  padding-top: 6%;
 
   h1 {
     font-size: 44px;