Fix #358 (#363)

* Update README.md * #358 header:lowercase accountname * create lower-case class per PR comment
bitshares · Sep 5, 2017 · 96c5799 · 96c5799
1 parent 9aa5547
commit 96c5799
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/web/app/assets/stylesheets/components/_header.scss b/web/app/assets/stylesheets/components/_header.scss
@@ -104,3 +104,7 @@ div.header-right-menu {
   padding-left: 0.3rem;
   padding-right: 0.3rem;
 }
+
+.lower-case {
+  text-transform: lowercase;
+}
diff --git a/web/app/components/Layout/Header.jsx b/web/app/components/Layout/Header.jsx
@@ -228,15 +228,15 @@ class Header extends React.Component {
         (<ActionSheet.Button title="" setActiveState={() => {}}>
             <a onClick={this._accountClickHandler.bind(this, account_display_name)} style={{cursor: "default", padding: "1rem", border: "none"}} className="button">
                 <div className="table-cell"><AccountImage style={{display: "inline-block"}} size={{height: 20, width: 20}} account={account_display_name}/></div>
-                <div className="table-cell" style={{paddingLeft: 5}}><div className="inline-block"><span>{account_display_name}</span></div></div>
+                <div className="table-cell" style={{paddingLeft: 5, verticalAlign: "middle"}}><div className="inline-block"><span className="lower-case">{account_display_name}</span></div></div> 
             </a>
         </ActionSheet.Button>) :
 
         (<ActionSheet>
             <ActionSheet.Button title="">
                 <a style={{padding: "1rem", border: "none"}} className="button">
                     <div className="table-cell"><AccountImage style={{display: "inline-block"}} size={{height: 20, width: 20}} account={account_display_name}/></div>
-                    <div className="table-cell" style={{paddingLeft: 5}}><div className="inline-block"><span>{account_display_name}</span></div></div>
+                    <div className="table-cell" style={{paddingLeft: 5, verticalAlign: "middle"}}><div className="inline-block"><span className="lower-case">{account_display_name}</span></div></div>
                 </a>
             </ActionSheet.Button>
             {tradingAccounts.length > 1 ?