Merge pull request #731 from asaadmahmoodspin/new-channel

Updating new channel UI

web/react/components/new_channel_modal.jsx

@@ -107,8 +107,8 @@ export default class NewChannelModal extends React.Component {
                                 {channelSwitchText}
                             </div>
                             <div className={displayNameClass}>
-                                <label className='col-sm-2 form__label control-label'>{'Name'}</label>
+                                <label className='col-sm-3 form__label control-label'>{'Name'}</label>
-                                <div className='col-sm-10'>
+                                <div className='col-sm-9'>
                                     <input
                                         onChange={this.handleChange}
                                         type='text'
@@ -121,7 +121,7 @@ export default class NewChannelModal extends React.Component {
                                         tabIndex='1'
                                     />
                                     {displayNameError}
-                                    <p className='input__help'>
+                                    <p className='input__help dark'>
                                         {'Channel URL: ' + prettyTeamURL + this.props.channelData.name + ' ('}
                                         <a
                                             href='#'
@@ -134,11 +134,11 @@ export default class NewChannelModal extends React.Component {
                                 </div>
                             </div>
                             <div className='form-group less'>
-                                <div className='col-sm-2'>
+                                <div className='col-sm-3'>
                                     <label className='form__label control-label'>{'Description'}</label>
                                     <label className='form__label light'>{'(optional)'}</label>
                                 </div>
-                                <div className='col-sm-10'>
+                                <div className='col-sm-9'>
                                     <textarea
                                         className='form-control no-resize'
                                         ref='channel_desc'

web/sass-files/sass/partials/_forms.scss

@@ -5,9 +5,10 @@
 	.form__label {
 		text-align: left;
 		padding-right: 3px;
-		font-weight: bold;
+		font-weight: 600;
 		font-size: 1.1em;
 		&.light {
+			font-weight: normal;
 			color: #999;
 			font-size: 1.05em;
 			font-style: italic;
@@ -17,6 +18,9 @@
 	.input__help {
 		color: #777;
 		margin: 10px 0 0 10px;
+		&.dark {
+			color: #222;
+		}
 		&.error {
 			color: #a94442;
 		}