From b654cee4329a77a390ce291f06254c7fdd089804 Mon Sep 17 00:00:00 2001
From: Roy Johnson <roy.e.johnson@rice.edu>
Date: Tue, 16 Apr 2024 17:51:26 -0500
Subject: [PATCH] tweak styling

No need to transform if we use the other border; padding helps keep indicator from being on the previous line
---
 src/app/content/components/Page/PageContent.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/app/content/components/Page/PageContent.tsx b/src/app/content/components/Page/PageContent.tsx
index 5970d5aaa1..89c900ef91 100644
--- a/src/app/content/components/Page/PageContent.tsx
+++ b/src/app/content/components/Page/PageContent.tsx
@@ -76,6 +76,10 @@ export default styled(MainContent)`
     @media screen {
       ${hideBeforeAndAfter}
 
+      &.first {
+        padding-left: 0.4rem;
+      }
+
       &.first[data-start-message]::before {
         content: attr(data-start-message);
       }
@@ -135,8 +139,7 @@ export default styled(MainContent)`
         height: 0;
         opacity: 0.8;
         border-left: ${highlightIndicatorSize}em solid ${style.focused};
-        border-top: ${highlightIndicatorSize}em solid transparent;
-        transform: rotate(90deg);
+        border-bottom: ${highlightIndicatorSize}em solid transparent;
       }
 
       @media screen {