tweak styling

No need to transform if we use the other border; padding helps keep indicator from being on the previous line
openstax · Apr 16, 2024 · b654cee · b654cee
1 parent 28b7a6e
commit b654cee
Showing 1 changed file with 5 additions and 2 deletions.
diff --git 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 {