MOBILE-2464 imageviewer: Enable scroll to image viewer

src/core/course/components/format/format.scss

@@ -27,6 +27,17 @@ core-course-format {
             width: 100%;
         }
     }
+
+    .item-divider  {
+        .label {
+            margin-top: 0;
+            margin-bottom: 0;
+        }
+
+        core-format-text {
+            line-height: 44px;
+        }
+    }
 }
 
 .core-section-select {

src/core/viewer/pages/image/image.html

@@ -9,6 +9,8 @@
         </ion-buttons>
     </ion-navbar>
 </ion-header>
-<ion-content padding>
+<ion-content>
-    <img [src]="image" alt="{{ title }}" core-external-content [component]="component" [componentId]="componentId">
+    <ion-scroll zoom="true" maxZoom="2" class="core-zoom-pane" scrollX="true" scrollY="true">
+        <img [src]="image" [alt]="title" core-external-content [component]="component" [componentId]="componentId">
+    </ion-scroll>
 </ion-content>

src/core/viewer/pages/image/image.scss

@@ -0,0 +1,7 @@
+.core-zoom-pane {
+    height: 100%;
+
+    img {
+        max-width: none;
+    }
+}