From c49f3b3956fae1b00145568140c940d5fa053eb8 Mon Sep 17 00:00:00 2001
From: Asaad Mahmood <Unknowngi@live.com>
Date: Tue, 3 Nov 2015 19:56:46 +0500
Subject: Multiple UI changes

---
 web/react/components/team_general_tab.jsx | 46 ++++++++++++++++---------------
 1 file changed, 24 insertions(+), 22 deletions(-)

(limited to 'web/react/components/team_general_tab.jsx')

diff --git a/web/react/components/team_general_tab.jsx b/web/react/components/team_general_tab.jsx
index c7c4fa2ea..587ef5ec2 100644
--- a/web/react/components/team_general_tab.jsx
+++ b/web/react/components/team_general_tab.jsx
@@ -372,29 +372,28 @@ export default class GeneralTab extends React.Component {
             const inputs = [];
 
             inputs.push(
-                <div
-                    key='teamInviteSetting'
-                    className='form-group'
-                >
-                    <label className='col-sm-5 control-label'>{'Invite Code'}</label>
-                    <div className='col-sm-7'>
-                        <input
-                            className='form-control'
-                            type='text'
-                            onChange={this.updateInviteId}
-                            value={this.state.invite_id}
-                            maxLength='32'
-                        />
-                    </div>
-                    <div><br/>{'Your Invite Code is used in the URL sent to people to join your team. Regenerating your Invite Code will invalidate the URLs in previous invitations, unless "Allow anyone to sign-up from login page" is enabled.'}</div>
-                    <div className='help-text'>
-                        <button
-                            className='btn btn-default'
-                            onClick={this.handleGenerateInviteId}
-                        >
-                            {'Re-Generate'}
-                        </button>
+                <div key='teamInviteSetting'>
+                    <div className='row'>
+                        <label className='col-sm-5 control-label'>{'Invite Code'}</label>
+                        <div className='col-sm-7'>
+                            <input
+                                className='form-control'
+                                type='text'
+                                onChange={this.updateInviteId}
+                                value={this.state.invite_id}
+                                maxLength='32'
+                            />
+                            <div className='padding-top x2'>
+                                <a
+                                    href='#'
+                                    onClick={this.handleGenerateInviteId}
+                                >
+                                    {'Re-Generate'}
+                                </a>
+                            </div>
+                        </div>
                     </div>
+                    <div className='setting-list__hint'>{'When allowing open invites this code is used as part of the signup process.  Changing this code will invalidate the previous open signup link.'}</div>
                 </div>
             );
 
@@ -493,8 +492,11 @@ export default class GeneralTab extends React.Component {
                     <h3 className='tab-header'>{'General Settings'}</h3>
                     <div className='divider-dark first'/>
                     {nameSection}
+                    <div className='divider-light'/>
                     {openInviteSection}
+                    <div className='divider-light'/>
                     {teamListingSection}
+                    <div className='divider-light'/>
                     {inviteSection}
                     <div className='divider-dark'/>
                 </div>
-- 
cgit v1.2.3-1-g7c22

