diff --git a/lms/static/sass/views/_verification.scss b/lms/static/sass/views/_verification.scss index 91d7332fa0..d1e22e6d57 100644 --- a/lms/static/sass/views/_verification.scss +++ b/lms/static/sass/views/_verification.scss @@ -878,9 +878,21 @@ .cam { .placeholder-cam { - @include size(500px 375px); - margin: $baseline auto; - background: $m-blue-d1; + width: 95%; + height: 375px; + margin: ($baseline/2) auto; + background: $m-blue-l5; + + // placeholders + .placeholder-art { + opacity: 0.5; + } + + // previously defined in HTML + video, canvas { + display: block; + @include size(100% 100%); + } } .controls { diff --git a/lms/templates/verify_student/photo_verification.html b/lms/templates/verify_student/photo_verification.html index 5ffde8fced..cde1cc9057 100644 --- a/lms/templates/verify_student/photo_verification.html +++ b/lms/templates/verify_student/photo_verification.html @@ -245,8 +245,12 @@
-
- + +
+
+ +
+
@@ -325,8 +329,12 @@
-
- + +
+
+ +
+