diff options
author | Asaad Mahmood <asaad@spinpunch.com> | 2015-12-04 19:23:13 +0500 |
---|---|---|
committer | Asaad Mahmood <asaad@spinpunch.com> | 2015-12-04 19:23:13 +0500 |
commit | 38a0c5dd761fed5d82b26614447d238628bee6e1 (patch) | |
tree | 04ae12ae8b1d75720f22c9d381985cd8cbe51651 /web/react/components | |
parent | 62ee998714bbb2bcd5759ff71ed4818c62b43806 (diff) | |
download | chat-38a0c5dd761fed5d82b26614447d238628bee6e1.tar.gz chat-38a0c5dd761fed5d82b26614447d238628bee6e1.tar.bz2 chat-38a0c5dd761fed5d82b26614447d238628bee6e1.zip |
Updating UI for suggestions list
Diffstat (limited to 'web/react/components')
-rw-r--r-- | web/react/components/user_settings/user_settings_display.jsx | 22 |
1 files changed, 13 insertions, 9 deletions
diff --git a/web/react/components/user_settings/user_settings_display.jsx b/web/react/components/user_settings/user_settings_display.jsx index fd1e28033..c464258de 100644 --- a/web/react/components/user_settings/user_settings_display.jsx +++ b/web/react/components/user_settings/user_settings_display.jsx @@ -240,14 +240,18 @@ export default class UserSettingsDisplay extends React.Component { const inputs = [ <div key='userDisplayNameOptions'> - <select - className='form-control' - type='text' - value={this.state.selectedFont} - onChange={(e) => this.handleFont(e.target.value)} + <div + className='dropdown' > - {options} - </select> + <select + className='form-control' + type='text' + value={this.state.selectedFont} + onChange={(e) => this.handleFont(e.target.value)} + > + {options} + </select> + </div> <div><br/>{'Select the font displayed in the Mattermost user interface.'}</div> </div> ]; @@ -305,12 +309,12 @@ export default class UserSettingsDisplay extends React.Component { <div className='user-settings'> <h3 className='tab-header'>{'Display Settings'}</h3> <div className='divider-dark first'/> + {fontSection} + <div className='divider-dark'/> {clockSection} <div className='divider-dark'/> {nameFormatSection} <div className='divider-dark'/> - {fontSection} - <div className='divider-dark'/> </div> </div> ); |