diff --git a/client/src/components/layouts/prism-night.css b/client/src/components/layouts/prism-night.css index bb44e1ee34..0b81cfc43c 100644 --- a/client/src/components/layouts/prism-night.css +++ b/client/src/components/layouts/prism-night.css @@ -39,6 +39,13 @@ overflow: auto; } +/* Without this, the above selector takes precedence and messes up the answer +padding in night mode */ +.night .video-quiz-option > pre { + padding: 0; + margin: 0; +} + .night :not(pre) > code[class*='language-'], .night pre[class*='language-'] { background: var(--primary-background); diff --git a/client/src/templates/Challenges/video/show.css b/client/src/templates/Challenges/video/show.css index 058369abaa..1bcba30563 100644 --- a/client/src/templates/Challenges/video/show.css +++ b/client/src/templates/Challenges/video/show.css @@ -24,9 +24,10 @@ background-color: var(--primary-background); } -/* remove bootstrap margin here */ +/* remove bootstrap margin and center the radio buttons */ .video-quiz-options > label { margin: 0; + align-items: center; } .video-quiz-option-label { @@ -89,4 +90,6 @@ .video-quiz-option > pre { padding: 0; margin: 0; + /* remove default prism background */ + background: none; }