Ui improvements (#3963)

* PLT-4061 - Updating pdf preview pages message

* PLT-4063 - Fixing spacing for LDAP button

* PLT-3837 - Showing reply button on mobile in the RHS

* PLT-4046 - Cantering tutorial on older mobile versions

webapp/components/admin_console/ldap_test_button.jsx

@@ -66,28 +66,32 @@ export default class LdapTestButton extends React.Component {
         let message = null;
         if (this.state.fail) {
             message = (
-                <div className='alert alert-warning'>
-                    <i className='fa fa-warning'/>
-                    <FormattedMessage
-                        id='admin.ldap.testFailure'
-                        defaultMessage='LDAP Test Failure: {error}'
-                        values={{
-                            error: this.state.fail
-                        }}
-                    />
+                <div>
+                    <div className='alert alert-warning'>
+                        <i className='fa fa-warning'/>
+                        <FormattedMessage
+                            id='admin.ldap.testFailure'
+                            defaultMessage='LDAP Test Failure: {error}'
+                            values={{
+                                error: this.state.fail
+                            }}
+                        />
+                    </div>
                 </div>
             );
         } else if (this.state.success) {
             message = (
-                <div className='alert alert-success'>
-                    <i className='fa fa-success'/>
-                    <FormattedMessage
-                        id='admin.ldap.testSuccess'
-                        defaultMessage='LDAP Test Successful'
-                        values={{
-                            error: this.state.fail
-                        }}
-                    />
+                <div>
+                    <div className='alert alert-success'>
+                        <i className='fa fa-success'/>
+                        <FormattedMessage
+                            id='admin.ldap.testSuccess'
+                            defaultMessage='LDAP Test Successful'
+                            values={{
+                                error: this.state.fail
+                            }}
+                        />
+                    </div>
                 </div>
             );
         }

webapp/components/pdf_preview.jsx

@@ -164,12 +164,15 @@ export default class PDFPreview extends React.Component {
 
         if (this.state.pdf.numPages > MAX_PDF_PAGES) {
             pdfCanvases.push(
-                <div className='pdf-max-pages'>
+                <a
+                    href={this.props.fileUrl}
+                    className='pdf-max-pages'
+                >
                     <FormattedMessage
                         id='pdf_preview.max_pages'
-                        defaultMessage='PDF previews only show the first five pages.'
+                        defaultMessage='Download to read more pages'
                     />
-                </div>
+                </a>
             );
         }