Lint: jsx-one-expression-per-line (where appropriate)

Some occurrences left due to rule making code less readable
(see jsx-eslint/eslint-plugin-react#1848)

Rule remains globally disabled

Author: David Evans

web/src/components/home/google_login_wrapper.jsx

@@ -70,7 +70,10 @@ export default class GoogleLoginWrapper extends React.Component {
           className={'button start-retro ' + this.props.className}
           hostedDomain={global.Retro.config.google_oauth_hosted_domain}
         >
-          <span><i className="fa fa-google" aria-hidden="true" style={{marginRight: '10px'}}/>Sign in with Google</span>
+          <span>
+            <i className="fa fa-google" aria-hidden="true" style={{marginRight: '10px'}}/>
+            Sign in with Google
+          </span>
         </GoogleLogin>
       </div>
     );

web/src/components/not-found/not_found_page.jsx

@@ -60,7 +60,8 @@ export default class NotFoundPage extends React.Component {
                 type="button"
                 style={{fontSize: '1.1rem'}}
                 onClick={this.onCreateNewRetroClicked}
-              >Create a Project
+              >
+                Create a Project
               </button>
             </div>
           </div>

web/src/components/retro-create/retro_create_page.jsx

@@ -189,12 +189,12 @@ export default class RetroCreatePage extends React.Component {
     return (
       <div className="access-instruction">
         {this.state.isPrivate ? accessPrivate : accessPublic}
-
         <br/>
-        Password is always required to: <br/>
-        <img className="icon-locked" src={iconLockedSvg} alt="Locked"/> Access archives<br/>
+        Password is always required to:
+        <br/>
+        <img className="icon-locked" src={iconLockedSvg} alt="Locked"/> Access archives
+        <br/>
         <img className="icon-locked" src={iconLockedSvg} alt="Locked"/> Edit settings
-
       </div>
     );
   }
@@ -228,7 +228,9 @@ export default class RetroCreatePage extends React.Component {
               <div className="row">
                 <label className="label">Choose a team URL</label>
                 <div className="input-group retro-url">
-                  <span className="input-group-label retro-url-prefix">{this.getCurrentHost()}/retros/</span>
+                  <span className="input-group-label retro-url-prefix">
+                    {`${this.getCurrentHost()}/retros/`}
+                  </span>
                   <input
                     id="retro_url"
                     value={slug}
@@ -255,8 +257,9 @@ export default class RetroCreatePage extends React.Component {
                 <div className="error-message">{errors.password}</div>
               </div>
               <div className="row">
-                <label className="label" htmlFor="retro_is_private">Do people need the password to <strong>access</strong> this retro?</label>
-
+                <label className="label" htmlFor="retro_is_private">
+                  Do people need the password to <strong>access</strong> this retro?
+                </label>
                 <Toggle
                   id="retro_is_private"
                   name="isPrivate"

web/src/components/retro-login/login_to_retro_page.jsx

@@ -119,7 +119,9 @@ export default class LoginToRetroPage extends React.Component {
           <div className="small-centered medium-8 small-10 columns">
             <div className="field row">
               <h1>{this.pageTitle()}</h1>
-              <label className="label">Enter the password to access {name}.</label>
+              <label className="label">
+                Enter the password to access {name}.
+              </label>
               <input
                 className={`form-input ${inputStyle}`}
                 placeholder="Password"

web/src/components/retro-settings/show_retro_settings_page.jsx

@@ -251,12 +251,12 @@ export default class ShowRetroSettingsPage extends React.Component {
     return (
       <div className="access-instruction">
         {this.state.isPrivate ? accessPrivate : accessPublic}
-
         <br/>
-        Password is always required to: <br/>
-        <img className="icon-locked" src={iconLockedSvg} alt="Locked"/> Access archives<br/>
+        Password is always required to:
+        <br/>
+        <img className="icon-locked" src={iconLockedSvg} alt="Locked"/> Access archives
+        <br/>
         <img className="icon-locked" src={iconLockedSvg} alt="Locked"/> Edit settings
-
       </div>
     );
   }
@@ -322,7 +322,9 @@ export default class ShowRetroSettingsPage extends React.Component {
                 <div className="row">
                   <label className="label">Project URL</label>
                   <div className="input-group retro-url">
-                    <span className="input-group-label retro-url-prefix">{this.getCurrentHost()}/retros/</span>
+                    <span className="input-group-label retro-url-prefix">
+                      {`${this.getCurrentHost()}/retros/`}
+                    </span>
                     <input
                       id="retro_url"
                       value={this.state.slug}

web/src/components/terms/new_terms_page.jsx

@@ -32,7 +32,7 @@
 import React from 'react';
 import RetroFooter from '../shared/footer';
 
-/* eslint-disable react/no-unescaped-entities */
+/* eslint-disable react/no-unescaped-entities, react/jsx-one-expression-per-line */
 
 export default () => (
   <div id="new-terms" className="terms">
@@ -240,4 +240,4 @@ export default () => (
   </div>
 );
 
-/* eslint-enable react/no-unescaped-entities */
+/* eslint-enable react/no-unescaped-entities, react/jsx-one-expression-per-line */