From 9a9ae3dcd1c248a5d9e6f986ea967fa8bbf06f19 Mon Sep 17 00:00:00 2001
From: Asaad Mahmood <asaadmahmood@users.noreply.github.com>
Date: Tue, 6 Sep 2016 22:38:54 +0500
Subject: 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
---
 .../components/admin_console/ldap_test_button.jsx  | 40 ++++++++++++----------
 webapp/components/pdf_preview.jsx                  |  9 +++--
 2 files changed, 28 insertions(+), 21 deletions(-)

(limited to 'webapp/components')

diff --git a/webapp/components/admin_console/ldap_test_button.jsx b/webapp/components/admin_console/ldap_test_button.jsx
index fbe348158..082c13b1b 100644
--- a/webapp/components/admin_console/ldap_test_button.jsx
+++ b/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>
             );
         }
diff --git a/webapp/components/pdf_preview.jsx b/webapp/components/pdf_preview.jsx
index fd1ca7758..7f0f06c03 100644
--- a/webapp/components/pdf_preview.jsx
+++ b/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>
             );
         }
 
-- 
cgit v1.2.3-1-g7c22