From 58166d36f358068b34fdeb6ddc56280717b61daf Mon Sep 17 00:00:00 2001
From: Denys Vuika <denis.vuyka@gmail.com>
Date: Mon, 8 Jan 2018 14:13:32 +0000
Subject: [PATCH] viewer styling improvements (#2805)

---
 lib/core/viewer/components/viewer.component.html | 2 +-
 lib/core/viewer/components/viewer.component.scss | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/lib/core/viewer/components/viewer.component.html b/lib/core/viewer/components/viewer.component.html
index 12f1af3ed3..0058365c91 100644
--- a/lib/core/viewer/components/viewer.component.html
+++ b/lib/core/viewer/components/viewer.component.html
@@ -133,7 +133,7 @@
                         </ng-container>
 
                         <ng-container *ngSwitchCase="'custom'">
-                            <span *ngFor="let extensionTemplate of extensionTemplates">
+                            <span class="adf-viewer-custom-content" *ngFor="let extensionTemplate of extensionTemplates">
                                 <ng-template *ngIf="extensionTemplate.isVisible" [ngTemplateOutlet]="extensionTemplate.template" [ngTemplateOutletContext]="{ urlFileContent: urlFileContent, extension:extension }">
                                 </ng-template>
                             </span>
diff --git a/lib/core/viewer/components/viewer.component.scss b/lib/core/viewer/components/viewer.component.scss
index 600ed97138..5bb15060cb 100644
--- a/lib/core/viewer/components/viewer.component.scss
+++ b/lib/core/viewer/components/viewer.component.scss
@@ -70,6 +70,10 @@
             justify-content: center;
         }
 
+        &-custom-content {
+            width: 100vw;
+        }
+
         &-unknown-content {
             align-items: center;
             display: flex;