adjust

src/client/js/components/PageHistory/Revision.jsx

@@ -60,12 +60,12 @@ export default class Revision extends React.Component {
     const iconClass = this.props.revisionDiffOpened ? 'fa fa-caret-down caret caret-opened' : 'fa fa-caret-down caret';
     return (
       <div className="revision-history-main d-flex mt-3">
-        <div className="mt-2">{pic}</div>
+        <div className="mt-2">
+          {pic}
+        </div>
         <div className="ml-2">
           <div className="revision-history-author">
-            <strong>
-              <Username user={author}></Username>
-            </strong>
+            <strong><Username user={author}></Username></strong>
           </div>
           <div className="revision-history-meta">
             <p>
@@ -73,16 +73,20 @@ export default class Revision extends React.Component {
             </p>
             <p>
               <span className="d-inline-block" style={{ minWidth: '90px' }}>
-                {!this.props.hasDiff && <span className="text-muted">{t('No diff')}</span>}
-                {this.props.hasDiff && (
+                {!this.props.hasDiff
+                  && <span className="text-muted">{t('No diff')}</span>
+                }
+                {this.props.hasDiff
+                  && (
                   // use dummy href attr (with preventDefault()), because don't apply style by a:not([href])
                   <a className="diff-view" href="" onClick={this._onDiffOpenClicked}>
                     <i className={iconClass}></i> {t('View diff')}
                   </a>
-                )}
+                  )
+                }
               </span>
               <a href={`?revision=${revision._id}`} className="ml-2">
-                <i className="icon-login"></i> {t('Go to this version')}
+                <i className="icon-login"></i> { t('Go to this version') }
               </a>
             </p>
           </div>