From ffa5ff0b6af7b83e58b6b672ae5ca2fdb6b365f0 Mon Sep 17 00:00:00 2001
From: Swapnamol Abraham <Swapnamol.Abraham@hee.nhs.uk>
Date: Fri, 25 Oct 2024 16:07:55 +0100
Subject: [PATCH] TD-4944: UI Overlap on Mobile Devices

---
 AdminUI/LearningHub.Nhs.AdminUI/wwwroot/css/mkplayer-ui.css | 6 +++---
 LearningHub.Nhs.WebUI/wwwroot/css/mkplayer-ui.css           | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/AdminUI/LearningHub.Nhs.AdminUI/wwwroot/css/mkplayer-ui.css b/AdminUI/LearningHub.Nhs.AdminUI/wwwroot/css/mkplayer-ui.css
index e058edfef..7cd3f44d9 100644
--- a/AdminUI/LearningHub.Nhs.AdminUI/wwwroot/css/mkplayer-ui.css
+++ b/AdminUI/LearningHub.Nhs.AdminUI/wwwroot/css/mkplayer-ui.css
@@ -89,7 +89,7 @@
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
-        margin: .5em 0
+        margin: 1em 0
     }
 
     .bmpui-ui-controlbar .bmpui-controlbar-top .bmpui-ui-label {
@@ -563,7 +563,7 @@
 
 .bmpui-ui-seekbar, .bmpui-ui-volumeslider {
     cursor: pointer;
-    font-size: 1em;
+    font-size: 0.2em;
     height: 1em;
     position: relative;
     width: 100%
@@ -684,7 +684,7 @@
 
 .bmpui-ui-uicontainer .bmpui-ui-subtitle-overlay {
     bottom: 0;
-    font-size: 1.2em;
+    font-size: 1em;
     left: 0;
     pointer-events: none;
     position: absolute;
diff --git a/LearningHub.Nhs.WebUI/wwwroot/css/mkplayer-ui.css b/LearningHub.Nhs.WebUI/wwwroot/css/mkplayer-ui.css
index e058edfef..7cd3f44d9 100644
--- a/LearningHub.Nhs.WebUI/wwwroot/css/mkplayer-ui.css
+++ b/LearningHub.Nhs.WebUI/wwwroot/css/mkplayer-ui.css
@@ -89,7 +89,7 @@
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
-        margin: .5em 0
+        margin: 1em 0
     }
 
     .bmpui-ui-controlbar .bmpui-controlbar-top .bmpui-ui-label {
@@ -563,7 +563,7 @@
 
 .bmpui-ui-seekbar, .bmpui-ui-volumeslider {
     cursor: pointer;
-    font-size: 1em;
+    font-size: 0.2em;
     height: 1em;
     position: relative;
     width: 100%
@@ -684,7 +684,7 @@
 
 .bmpui-ui-uicontainer .bmpui-ui-subtitle-overlay {
     bottom: 0;
-    font-size: 1.2em;
+    font-size: 1em;
     left: 0;
     pointer-events: none;
     position: absolute;