fix formatting of images where height/width is unset on exp-lookit-im…

…ages-audio in fullscreen mode; center images on text page
lookit · Dec 8, 2020 · ee74090 · ee74090
1 parent 6d65b2c
commit ee74090
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 9 deletions.
diff --git a/app/styles/app.scss b/app/styles/app.scss
@@ -47,6 +47,12 @@
 .exp-text {
     margin: auto;
     max-width: 65em;
+
+    img {
+        max-width: 100%;
+        display: block;
+        margin: auto;
+    }
 }
 
 .vertical-pad, .vertical-pad-md {

diff --git a/app/styles/full-screen.scss b/app/styles/full-screen.scss
@@ -8,21 +8,18 @@
     overflow: scroll;
 }
 
-#experiment-player.player-fullscreen div {
+#experiment-player.player-fullscreen div.lookit-frame {
     height: 100%;
     width: 100%;
     padding: 0;
     margin: 0;
-}
-
-#experiment-player.player-fullscreen .lookit-frame {
     display: table;
-}
 
-#experiment-player.player-fullscreen .lookit-frame > div  {
-    display: table-cell;
-    text-align: center;
-    vertical-align: middle;
+    > div {
+      display: table-cell;
+      text-align: center;
+      vertical-align: middle;
+    }
 }
 
 video.player-fullscreen::-webkit-media-controls {