Merge pull request #245 from lookit/bugfix/230-fix-image-formatting

addresses #230 - fix image formatting for images in transcript of exp…
lookit · Apr 14, 2021 · de76674 · de76674
2 parents 3b0680f + 756cf54
commit de76674
Showing 1 changed file with 9 additions and 7 deletions.
diff --git a/app/styles/components/exp-lookit-instruction-video.scss b/app/styles/components/exp-lookit-instruction-video.scss
@@ -27,6 +27,15 @@
         border: medium solid #aaa;
         padding: 1em;
         padding-top: 1.5em; // make space for overlapping title
+
+        img {
+          max-width: 75%;
+          border: thin solid black;
+          display: block;
+          margin: auto;
+          clear: both;
+        }
+
     }
 
     .transcript-title {
@@ -44,13 +53,6 @@
 
     li {
         margin-bottom: 20px;
-
-        img.text-block-img {
-            float: right;
-            max-height: 180px;
-            border-radius: 10%;
-            border: thin solid black;
-        }
     }
 
     .media-warning {