fix(Authoring): Outside Resource model images extend beyond card (#1321)

WISE-Community · Jun 28, 2023 · 4b63ad7 · 4b63ad7
1 parent e9d3d67
commit 4b63ad7
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/...ts/wise5/components/outsideURL/outside-url-authoring/outside-url-authoring.component.html b/...ts/wise5/components/outsideURL/outside-url-authoring/outside-url-authoring.component.html
@@ -67,7 +67,7 @@
           class="oer-card-image"
           style="background-image: url('{{ openEducationalResource.thumbnail }}');"
         ></div>
-        <mat-card-actions fxLayout="row" fxLayoutAlign="start center">
+        <mat-card-actions class="oer-card-actions" fxLayout="row" fxLayoutAlign="start center">
           <mat-icon
             class="success"
             aria-label="Selected"

diff --git a/...ts/wise5/components/outsideURL/outside-url-authoring/outside-url-authoring.component.scss b/...ts/wise5/components/outsideURL/outside-url-authoring/outside-url-authoring.component.scss
@@ -46,17 +46,21 @@ p.select-oer-instructions {
 
 .oer-card-title {
   font-size: 14px;
+  padding-left: 16px;
+  padding-right: 16px;
 }
 
 .oer-card-image {
-  margin-left: -16px;
-  margin-right: -16px;
   position: relative;
   padding-top: 60%;
   background-size: cover;
   background-position: center;
 }
 
+.oer-card-actions {
+  padding: 0px 16px 0px 16px !important;
+}
+
 .oer-card-actions-spacer {
   flex: 1 1 auto;
 }