From 393cec7c9b69de2eb14e5ae70c02fd817c6a61ed Mon Sep 17 00:00:00 2001
From: sunny <sunny@loafle.com>
Date: Thu, 20 Jul 2017 18:36:30 +0900
Subject: [PATCH] layout

---
 src/ts/containers/test/SignIn.tsx          |  8 +--
 src/ts/containers/test/layout/LeftMenu.tsx | 72 +++++++++-------------
 2 files changed, 32 insertions(+), 48 deletions(-)

diff --git a/src/ts/containers/test/SignIn.tsx b/src/ts/containers/test/SignIn.tsx
index 6209695..8af6edb 100644
--- a/src/ts/containers/test/SignIn.tsx
+++ b/src/ts/containers/test/SignIn.tsx
@@ -65,7 +65,7 @@ export class SignIn extends React.Component<any, any> {
                   this.setState({ pass: data.value });
                 }} />
                 <div style={{textAlign:'right'}}>
-                  <a style={{fontSize:10}} onClick={this.forgotPopupOpen}>Forgot Password?</a>
+                  <Button size='tiny' style={{background:'#fff'}} onClick={this.forgotPopupOpen}>Forgot Password?</Button>
                 </div>
                 <Form.Group>
                 <Button fluid primary style={{margin:'7'}} onClick={this.onSignIn}>    Sign In  </Button>
@@ -79,14 +79,10 @@ export class SignIn extends React.Component<any, any> {
           <Modal.Header>Change your password</Modal.Header>
           <Modal.Content >
             Enter email address
-            <Grid>
-              <Grid.Column mobile={16} tablet={3} computer={4}>
-              </Grid.Column>
+            <Grid centered>
               <Grid.Column mobile={16} tablet={10} computer={8}>
                <Input fluid placeholder='Email' />
               </Grid.Column>
-              <Grid.Column mobile={16} tablet={3} computer={4}>
-              </Grid.Column>
             </Grid>
           </Modal.Content>
           <Modal.Actions>
diff --git a/src/ts/containers/test/layout/LeftMenu.tsx b/src/ts/containers/test/layout/LeftMenu.tsx
index ab10188..19b59ba 100644
--- a/src/ts/containers/test/layout/LeftMenu.tsx
+++ b/src/ts/containers/test/layout/LeftMenu.tsx
@@ -23,7 +23,7 @@ export class LeftMenu extends React.Component<any, any> {
         <Menu fixed='left' inverted vertical borderless>
             <Menu.Item name='User'>
               <Header textAlign='center'>
-                <Image src='http://glia.ca/scm/2013/ge1127_b/wp-content/uploads/2013/10/594partner-profile-pic-An.jpg' size='mini' shape='circular' />
+                <Image src='http://glia.ca/scm/2013/ge1127_b/wp-content/uploads/2013/10/594partner-profile-pic-An.jpg' size='mini' shape='circular' href='/' />
               </Header>
             </Menu.Item>
             <Menu.Item name='Home' href='/' >
@@ -50,57 +50,45 @@ export class LeftMenu extends React.Component<any, any> {
               </Menu.Menu>
             </Menu.Item>
 
-            <Menu.Item>
-              <Menu.Header name='Dashboard' href='/' >
-                <Header inverted sub icon='industry' content='Dashboard' />
-              </Menu.Header>
+            <Menu.Item name='Dashboard' href='/' >
+              <Header inverted sub icon='industry' content='Dashboard' />
             </Menu.Item>
 
-            <Menu.Item>
-              <Menu.Header name='Metrics' href='/' >
-                <Header inverted sub icon='tasks' content='Metrics' />
-              </Menu.Header>
+            <Menu.Item name='Metrics' href='/'>
+              <Header inverted sub icon='tasks' content='Metrics' />
             </Menu.Item>
 
-            <Menu.Item>
-              <Menu.Header name='Alerts' href='/' >
-                <Header inverted sub icon='alarm' content='Alerts' />
-              </Menu.Header>
+            <Menu.Item name='Alerts' href='/' >
+              <Header inverted sub icon='alarm' content='Alerts' />
             </Menu.Item>
 
-            <Menu.Item>
-              <Menu.Header name='History' href='/' >
-                <Header inverted sub icon='book' content='History' />
-              </Menu.Header>
+            <Menu.Item name='History' href='/'>
+              <Header inverted sub icon='book' content='History' />
             </Menu.Item>
 
 
-            <Menu.Item >
-              <Menu.Header name='Custom'>
-                <Header inverted sub><Icon name='play circle' />
-                  <Header.Content>
-                    <Dropdown text='Custom'>
-                      <Dropdown.Menu>
-                        <Dropdown.Header>Custom</Dropdown.Header>
-                        <Dropdown.Item href='#/test2'> SignUp </Dropdown.Item>
-                        <Dropdown.Item href='#/test3'>SignIn</Dropdown.Item>
-                        <Dropdown.Item href='#/test4'> PWChange </Dropdown.Item>
-                        <Dropdown.Item href='#/test5'>ProbeDown</Dropdown.Item>
-                        <Dropdown.Item href='#/test14'> Insanity </Dropdown.Item>
-                        <Dropdown.Item href='#/test6'>DiscoveryDetails</Dropdown.Item>
-                        <Dropdown.Item href='#/test7'>Tree</Dropdown.Item>
-                        <Dropdown.Item href='#/test8'>TableExampleSortable</Dropdown.Item>
-                      </Dropdown.Menu>
-                    </Dropdown>
-                  </Header.Content>
-                </Header>
-              </Menu.Header>
-
+            <Menu.Item name='Custom'>
+              <Header inverted sub><Icon name='play circle' />
+                <Header.Content>
+                  <Dropdown text='Custom'>
+                    <Dropdown.Menu>
+                      <Dropdown.Header>Custom</Dropdown.Header>
+                      <Dropdown.Item href='#/test2'> SignUp </Dropdown.Item>
+                      <Dropdown.Item href='#/test3'>SignIn</Dropdown.Item>
+                      <Dropdown.Item href='#/test4'> PWChange </Dropdown.Item>
+                      <Dropdown.Item href='#/test5'>ProbeDown</Dropdown.Item>
+                      <Dropdown.Item href='#/test14'> Insanity </Dropdown.Item>
+                      <Dropdown.Item href='#/test6'>DiscoveryDetails</Dropdown.Item>
+                      <Dropdown.Item href='#/test7'>Tree</Dropdown.Item>
+                      <Dropdown.Item href='#/test8'>TableExampleSortable</Dropdown.Item>
+                    </Dropdown.Menu>
+                  </Dropdown>
+                </Header.Content>
+              </Header>
             </Menu.Item>
-            <Menu.Item bottom>
-              <Menu.Header name='Settings' href='/'  >
-                <Header inverted sub icon='setting' content='Settings' />
-              </Menu.Header>
+
+            <Menu.Item name='Settings' href='/' >
+              <Header inverted sub icon='setting' content='Settings' />
             </Menu.Item>
         </Menu>
       // <TopBar onSidebar={this.props.onSidebar}/>