diff --git a/client/src/assets/curriculum/scrim-play.svg b/client/src/assets/curriculum/scrim-play.svg index 1c58caf801bb..6e9f3095da1c 100644 --- a/client/src/assets/curriculum/scrim-play.svg +++ b/client/src/assets/curriculum/scrim-play.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/client/src/curriculum/index.scss b/client/src/curriculum/index.scss index 8209c16fedca..9882c85f1ff6 100644 --- a/client/src/curriculum/index.scss +++ b/client/src/curriculum/index.scss @@ -291,6 +291,8 @@ scrim-inline { aspect-ratio: 1.5; display: block; + margin: 0.5rem auto; + max-width: 575px; width: 100%; } diff --git a/client/src/curriculum/scrim-inline.scss b/client/src/curriculum/scrim-inline.scss index aeb836714dae..650485dcbc79 100644 --- a/client/src/curriculum/scrim-inline.scss +++ b/client/src/curriculum/scrim-inline.scss @@ -46,6 +46,10 @@ dialog { height: 100%; position: relative; width: 100%; + + > * { + font-size: 4cqmin; + } } .header { @@ -116,7 +120,6 @@ dialog { auto 0.6em, contain, cover; - font-size: 4cqmin; inset: 0; position: absolute; @@ -164,9 +167,9 @@ iframe { } svg { - height: 7rem; + height: 9em; stroke-width: 2px; - width: 7rem; + width: auto; circle { fill: var(--color);