From fb51021c188fdf783b8fda65e3ec8e2ebdba59ff Mon Sep 17 00:00:00 2001
From: Morisse <wigginsenders@gmail.com>
Date: Mon, 10 Sep 2018 17:54:09 +0200
Subject: [PATCH] make right panel larger, align items

---
 src/CollapsableRightPanel.js | 37 +++++++++++++++++++-----------------
 src/User.css                 |  2 +-
 2 files changed, 21 insertions(+), 18 deletions(-)

diff --git a/src/CollapsableRightPanel.js b/src/CollapsableRightPanel.js
index 855ec35..955d729 100644
--- a/src/CollapsableRightPanel.js
+++ b/src/CollapsableRightPanel.js
@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-import {Collapse,Panel,Label,Button,Well,FormControl,FormGroup,ControlLabel,Form} from 'react-bootstrap';
+import {Collapse,Panel,Label,Button,Well,FormControl,FormGroup,ControlLabel,Form,Table} from 'react-bootstrap';
 
 export default class CollapsableRightPanel extends Component {
 
@@ -27,28 +27,31 @@ export default class CollapsableRightPanel extends Component {
               <Panel.Heading>
                 <Panel.Title componentClass='h3'>User : {this.props.data['userId']}</Panel.Title>
               </Panel.Heading>
+
               <div className='pannelContainer'>
                 <Well>
-                  <div>
-                    <span className='labelText'>Creation:</span>
-                    {this.props.data['creationTs']}
-                  </div>
-                  <div>
-                    <span className='labelText'>Last Connection:</span>
-                    {this.props.data['creationTs']}
-                  </div>
-                <Form inline className='email'>
-                  <FormGroup controlId="formInlineEmail" className='email'>
-                    <ControlLabel>Email :</ControlLabel>{' '}
-                    <FormControl type="email" placeholder={this.props.data['email']} />
-                  </FormGroup>{' '}
-                </Form>
-
+                  <Table>
+                    <tbody>
+                      <tr>
+                        <td className='labelText'>Creation:</td>
+                        <td>{this.props.data['creationTs']}</td>
+                      </tr>
+                      <tr>
+                        <td className='labelText'>Last Connection:</td>
+                        <td>{this.props.data['creationTs']}</td>
+                      </tr>
+                      <tr>
+                          <td><ControlLabel>Email :</ControlLabel>{' '}</td>
+                          <td> <input type="email" placeholder={this.props.data['email']} readOnly/></td>
+                    </tr>
+                    </tbody>
+                  </Table>
                 </Well>
                 {upgradePartner}
                 <Button bsStyle='primary'>Reset Password</Button>
-
               </div>
+
+
             </Panel>
           </div>
         </Collapse>
diff --git a/src/User.css b/src/User.css
index def95b2..3a20cf0 100644
--- a/src/User.css
+++ b/src/User.css
@@ -10,7 +10,7 @@
   position: fixed;
   top: 0px;
   right: 0px;
-  width: 19vw;
+  width: 30vw;
 }
 
 .checkboxInfo{