Make some small adjustments to the asset create page

bangzi1001 · Jan 19, 2017 · e5b619c · e5b619c
1 parent e6bf52d
commit e5b619c
Showing 1 changed file with 15 additions and 9 deletions.
diff --git a/web/app/components/Account/AccountAssetCreate.jsx b/web/app/components/Account/AccountAssetCreate.jsx
@@ -534,7 +534,7 @@ class AccountAssetCreate extends React.Component {
                     <Tabs setting="createAssetTab" style={{maxWidth: "800px"}} contentClass="grid-block shrink small-vertical medium-horizontal">
 
                         <Tab title="account.user_issued_assets.primary">
-                            <div className="small-12 large-6 grid-content">
+                            <div className="small-12 grid-content">
                                 <h3><Translate content="account.user_issued_assets.primary" /></h3>
                                 <label><Translate content="account.user_issued_assets.symbol" />
                                     <input type="text" value={update.symbol} onChange={this._onUpdateInput.bind(this, "symbol")}/>
@@ -549,8 +549,10 @@ class AccountAssetCreate extends React.Component {
 
                                 <label>
                                     <Translate content="account.user_issued_assets.decimals" />
-                                    <input type="number" value={update.precision} onChange={this._onUpdateInput.bind(this, "precision")} />
+                                    <input min="0" max="8" step="1" type="range" value={update.precision} onChange={this._onUpdateInput.bind(this, "precision")} />
                                 </label>
+                                <p>{update.precision}</p>
+
                                 <div style={{marginBottom: 10}} className="txtlabel cancel"><Translate content="account.user_issued_assets.precision_warning" /></div>
 
                                 <table className="table" style={{width: "inherit"}}>
@@ -628,7 +630,7 @@ class AccountAssetCreate extends React.Component {
                         </Tab>
 
                         <Tab title="account.user_issued_assets.description">
-                            <div className="small-12 large-8 grid-content">
+                            <div className="small-12 grid-content">
                                 <Translate component="h3" content="account.user_issued_assets.description" />
                                 <label>
                                     <textarea
@@ -696,21 +698,25 @@ class AccountAssetCreate extends React.Component {
                             </Tab>) : null}
 
                         <Tab title="account.permissions">
-                            <div className="small-12 large-6 grid-content">
+                            <div className="small-12 grid-content">
+                                <div style={{maxWidth: 800}}>
                                 <HelpContent
                                     path = {"components/AccountAssetCreate"}
                                     section="permissions"
                                 />
+                                </div>
                                 {permissions}
                             </div>
                         </Tab>
 
                         <Tab title="account.user_issued_assets.flags">
-                            <div className="small-12 large-6 grid-content">
-                                <HelpContent
-                                    path = {"components/AccountAssetCreate"}
-                                    section="flags"
-                                />
+                            <div className="small-12 grid-content">
+                                <div style={{maxWidth: 800}}>
+                                    <HelpContent
+                                        path = {"components/AccountAssetCreate"}
+                                        section="flags"
+                                    />
+                                </div>
                                 {permissionBooleans["charge_market_fee"] ? (
                                     <div>
                                         <Translate component="h3" content="account.user_issued_assets.market_fee" />