From dfbbab403ae32e50ac5e948f7b94f7e8e9fe7070 Mon Sep 17 00:00:00 2001
From: edith <58082567+jellodiil@users.noreply.github.com>
Date: Fri, 16 Aug 2024 15:13:11 +0100
Subject: [PATCH 1/2] WEB-7287: Transcript timestamp width and fixing non-p
 elements

---
 app/server/views/styles/components/modular.scss | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/app/server/views/styles/components/modular.scss b/app/server/views/styles/components/modular.scss
index 0030a34..cceeb6f 100644
--- a/app/server/views/styles/components/modular.scss
+++ b/app/server/views/styles/components/modular.scss
@@ -257,15 +257,25 @@
     .transcript-segment {
 
       p, pre, ul, ol, h2, h3, h4 {
-        margin-left: 116px;
+        margin-left: 70px;
         position: relative;
       }
 
+      ol, ul {
+        .video-timestamp {
+          left: -92px;
+        }
+      }
+
       blockquote {
-        margin-left: 116px;
+        margin-left: 70px;
 
         p {
           margin: unset;
+
+          .video-timestamp {
+            left: -94px;
+          }
         }
       }
 
@@ -273,7 +283,7 @@
         display: flex;
         align-items: center;
         position: absolute;
-        left: -116px;
+        left: -70px;
         height: 24px;
         padding: 0 8px;
         font-size: 0.875rem;

From 65c60304eb9a9dc44da20e198e6245fd4fa38955 Mon Sep 17 00:00:00 2001
From: edith <58082567+jellodiil@users.noreply.github.com>
Date: Fri, 16 Aug 2024 15:16:33 +0100
Subject: [PATCH 2/2] WEB-7287: Just make it replicate carolus, not much idea
 where the numbers come from

---
 app/server/views/styles/components/modular.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/server/views/styles/components/modular.scss b/app/server/views/styles/components/modular.scss
index cceeb6f..48d809b 100644
--- a/app/server/views/styles/components/modular.scss
+++ b/app/server/views/styles/components/modular.scss
@@ -263,7 +263,7 @@
 
       ol, ul {
         .video-timestamp {
-          left: -92px;
+          left: -90px;
         }
       }