From bdd4a6f9121a3a45fc8de361c9b41b5de7caeae0 Mon Sep 17 00:00:00 2001
From: Eugenio Romano <eugenio.romano@alfresco.com>
Date: Mon, 20 Jun 2016 14:10:01 +0100
Subject: [PATCH] center pdf viewer

---
 .../src/pdfViewer.component.html              |  2 +-
 .../src/viewer.component.css                  |  4 ---
 .../src/viewer.component.html                 | 28 +++++++++----------
 3 files changed, 15 insertions(+), 19 deletions(-)

diff --git a/ng2-components/ng2-alfresco-viewer/src/pdfViewer.component.html b/ng2-components/ng2-alfresco-viewer/src/pdfViewer.component.html
index 18534f815a..6e00f93482 100644
--- a/ng2-components/ng2-alfresco-viewer/src/pdfViewer.component.html
+++ b/ng2-components/ng2-alfresco-viewer/src/pdfViewer.component.html
@@ -24,7 +24,7 @@
         <div id="viewer-total-pages"  class="left viewer-total-pages">/ {{totalPages}}</div>
     </div>
 
-    <div id="viewer-next-page-button" (click)="nextPage()"  class="button-page left">
+    <div id="viewer-next-page-button" class="button-page left"  (click)="nextPage()" >
         <i class="icon material-icons" >keyboard_arrow_right</i>
     </div>
 </div>
diff --git a/ng2-components/ng2-alfresco-viewer/src/viewer.component.css b/ng2-components/ng2-alfresco-viewer/src/viewer.component.css
index f442bca858..9bb812b55e 100644
--- a/ng2-components/ng2-alfresco-viewer/src/viewer.component.css
+++ b/ng2-components/ng2-alfresco-viewer/src/viewer.component.css
@@ -14,10 +14,6 @@
     margin: 20px;
 }
 
-.mdl-grid {
-    width: 100vw;
-}
-
 .viewer-name-file {
     width: 50%;
     height: 21px;
diff --git a/ng2-components/ng2-alfresco-viewer/src/viewer.component.html b/ng2-components/ng2-alfresco-viewer/src/viewer.component.html
index a1ddc836e1..7eede4aa37 100644
--- a/ng2-components/ng2-alfresco-viewer/src/viewer.component.html
+++ b/ng2-components/ng2-alfresco-viewer/src/viewer.component.html
@@ -35,13 +35,13 @@
             <main id="page-content" class="mdl-layout__content">
 
                 <div class="mdl-grid">
-                    <div id="viewer-previous-file-button" class="center-element mdl-cell mdl-cell--2-col mdl-cell--hide-tablet mdl-cell--hide-phone">
-                        <button  *ngIf="false"
-                            class="center-element mdl-color--black mdl-button mdl-js-button mdl-button--fab mdl-button--mini-fab mdl-button--colored"
-                            (click)="previousFile()">
-                            <i class="icon material-icons ">keyboard_arrow_left</i>
-                        </button>
-                    </div>
+                    <!--<div id="viewer-previous-file-button" class="center-element mdl-cell mdl-cell&#45;&#45;2-col mdl-cell&#45;&#45;hide-tablet mdl-cell&#45;&#45;hide-phone">-->
+                        <!--<button  *ngIf="false"-->
+                            <!--class="center-element mdl-color&#45;&#45;black mdl-button mdl-js-button mdl-button&#45;&#45;fab mdl-button&#45;&#45;mini-fab mdl-button&#45;&#45;colored"-->
+                            <!--(click)="previousFile()">-->
+                            <!--<i class="icon material-icons ">keyboard_arrow_left</i>-->
+                        <!--</button>-->
+                    <!--</div>-->
 
                     <div class="center-element mdl-cell mdl-cell--8-col" >
 
@@ -59,13 +59,13 @@
 
                     </div>
 
-                    <div id="viewer-next-file-button" class="center-element mdl-cell mdl-cell--2-col mdl-cell--hide-tablet mdl-cell--hide-phone">
-                        <button *ngIf="false"
-                            class="center-element mdl-color--black mdl-button mdl-js-button mdl-button--fab mdl-button--mini-fab mdl-button--colored"
-                            (click)="nextFile()">
-                            <i class="icon material-icons">keyboard_arrow_right</i>
-                        </button>
-                    </div>
+                    <!--<div id="viewer-next-file-button" class="center-element mdl-cell mdl-cell&#45;&#45;2-col mdl-cell&#45;&#45;hide-tablet mdl-cell&#45;&#45;hide-phone">-->
+                        <!--<button *ngIf="false"-->
+                            <!--class="center-element mdl-color&#45;&#45;black mdl-button mdl-js-button mdl-button&#45;&#45;fab mdl-button&#45;&#45;mini-fab mdl-button&#45;&#45;colored"-->
+                            <!--(click)="nextFile()">-->
+                            <!--<i class="icon material-icons">keyboard_arrow_right</i>-->
+                        <!--</button>-->
+                    <!--</div>-->
 
                 </div>
             </main>