[Refactor] [Post-Sprint-2] Tweak some css for better apearance before sprint 3 :)

assets/css/custom.css

@@ -193,7 +193,10 @@ card .formRegis{
  height: auto !important; /* real browsers */
  min-height: 100%; /* real browsers */
  background-color: #EEEEEE;
- padding-bottom: 20px;
+}
+
+.content{
+  padding-bottom: 5%;
 }
 
 .footer{
@@ -201,7 +204,7 @@ card .formRegis{
  position: absolute;
  bottom: 0;
  width: 100%;
- padding: 10px;
+ padding: 1%;
 }
 
 .footer h5{

assets/js/Dashboard.jsx

@@ -13,7 +13,7 @@ export default class Dashboard extends React.Component {
   render = () => (
     <div>
       <TopMenu />
-      {this.props.children}
+      <div className="content"> {this.props.children} </div>
       <Footer />
     </div>
   )

assets/js/Login.jsx

@@ -29,6 +29,13 @@ export default class Login extends React.Component {
       </div>
 
       <Grid stackable columns={2} relaxed>
+        <Grid.Column>
+          <Segment basic>
+            <LoginForm type="sso-ui" header="SSO Login" imgSrc="UI.png" imgSize="tiny" />
+            {this.props.children}
+          </Segment>
+        </Grid.Column>
+
         <Grid.Column>
           <Segment basic>
             <LoginForm type="company" header="Company Login" imgSrc="logo.png" imgSize="small" />
@@ -50,13 +57,6 @@ export default class Login extends React.Component {
             </Card>
           </div>
         </Grid.Column>
-
-        <Grid.Column>
-          <Segment basic>
-            <LoginForm type="sso-ui" header="SSO Login" imgSrc="UI.png" imgSize="tiny" />
-            {this.props.children}
-          </Segment>
-        </Grid.Column>
       </Grid>
       <Footer />
     </div>

assets/js/components/LoginForm.jsx

@@ -9,7 +9,6 @@ export default class LoginForm extends React.Component {
   static propTypes = {
     type: React.PropTypes.string.isRequired,
     imgSrc: React.PropTypes.string,
-    imgSize: React.PropTypes.string,
     header: React.PropTypes.string,
   };
 
@@ -53,7 +52,7 @@ export default class LoginForm extends React.Component {
 
       <Segment.Group>
         <Segment>
-          <Image src={`./assets/img/${this.props.imgSrc}`} size={this.props.imgSize} verticalAlign="middle" /> <span>{ this.props.header }</span>
+          <Image src={`./assets/img/${this.props.imgSrc}`} verticalAlign="middle" /> <span>{ this.props.header }</span>
         </Segment>
 
         <Segment inverted className="header" >