diff --git a/src/ViewportOrientationMarkers/ViewportOrientationMarkers.css b/src/ViewportOrientationMarkers/ViewportOrientationMarkers.css index 8d4ebd0..c8d826d 100644 --- a/src/ViewportOrientationMarkers/ViewportOrientationMarkers.css +++ b/src/ViewportOrientationMarkers/ViewportOrientationMarkers.css @@ -1,5 +1,6 @@ .ViewportOrientationMarkers { --marker-width: 100px; + --marker-height: 100px; --scrollbar-width: 20px; pointer-events: none; font-size: 15px; @@ -22,7 +23,7 @@ left: calc(100% - var(--marker-width) - var(--scrollbar-width)); } .ViewportOrientationMarkers .bottom-mid { - top: 97%; + top: calc(100% - var(--marker-height) - 5px); left: 47%; } .ViewportOrientationMarkers .right-mid .orientation-marker-value { @@ -30,3 +31,9 @@ justify-content: flex-end; min-width: var(--marker-width); } +.ViewportOrientationMarkers .bottom-mid .orientation-marker-value { + display: flex; + justify-content: flex-start; + min-height: var(--marker-height); + flex-direction: column-reverse; +}