From ac37a875de4a81743151ca1fde21bfa2e6a1051a Mon Sep 17 00:00:00 2001
From: Dani Palou <dani@moodle.com>
Date: Tue, 15 Jan 2019 14:45:30 +0100
Subject: [PATCH 1/2] MOBILE-2830 desktop: Fix add platform class name

---
 src/app/app.component.ts | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index f368628ec..dec433beb 100644
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -51,11 +51,17 @@ export class MoodleMobileApp implements OnInit {
 
             keyboard.hideFormAccessoryBar(false);
 
-            let desktopClass = this.appProvider.isDesktop() ? 'platform-desktop' : '';
-            desktopClass += this.appProvider.isMac() ? ' platform-mac' : '';
-            desktopClass += this.appProvider.isLinux() ? ' platform-linux' : '';
-            desktopClass += this.appProvider.isWindows() ? ' platform-windows' : '';
-            desktopClass != '' ? app.setElementClass(desktopClass, true) : false;
+            if (this.appProvider.isDesktop()) {
+                app.setElementClass('platform-desktop', true);
+
+                if (this.appProvider.isMac()) {
+                    app.setElementClass('platform-mac', true);
+                } else if (this.appProvider.isLinux()) {
+                    app.setElementClass('platform-linux', true);
+                } else if (this.appProvider.isWindows()) {
+                    app.setElementClass('platform-windows', true);
+                }
+            }
         });
 
     }

From 6b32c79cd67e671d4848d16efd83c984be311e8c Mon Sep 17 00:00:00 2001
From: Dani Palou <dani@moodle.com>
Date: Tue, 15 Jan 2019 14:55:31 +0100
Subject: [PATCH 2/2] MOBILE-2830 windows: Fix video subtitles in Windows
 desktop

---
 src/app/app.scss | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/src/app/app.scss b/src/app/app.scss
index fa548765c..508268db3 100644
--- a/src/app/app.scss
+++ b/src/app/app.scss
@@ -968,3 +968,16 @@ ion-modal,
 .split-pane {
   contain: size layout style;
 }
+
+// Styles for desktop apps only.
+ion-app.platform-desktop {
+  video::-webkit-media-text-track-display {
+    white-space: normal !important;
+  }
+
+  &.platform-windows {
+    video::-webkit-media-text-track-display {
+      font-size: 0.6em;
+    }
+  }
+}