From 4b63ad7eea933b9ef1d1f9132c236c4b6edc6089 Mon Sep 17 00:00:00 2001
From: Geoffrey Kwan <geoffreykwan@gmail.com>
Date: Wed, 28 Jun 2023 12:08:15 -0700
Subject: [PATCH] fix(Authoring): Outside Resource model images extend beyond
 card (#1321)

---
 .../outside-url-authoring.component.html                  | 2 +-
 .../outside-url-authoring.component.scss                  | 8 ++++++--
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/assets/wise5/components/outsideURL/outside-url-authoring/outside-url-authoring.component.html b/src/assets/wise5/components/outsideURL/outside-url-authoring/outside-url-authoring.component.html
index 50b6cb8e7d..c52f348036 100644
--- a/src/assets/wise5/components/outsideURL/outside-url-authoring/outside-url-authoring.component.html
+++ b/src/assets/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/src/assets/wise5/components/outsideURL/outside-url-authoring/outside-url-authoring.component.scss b/src/assets/wise5/components/outsideURL/outside-url-authoring/outside-url-authoring.component.scss
index d73e9859e4..03e99c9481 100644
--- a/src/assets/wise5/components/outsideURL/outside-url-authoring/outside-url-authoring.component.scss
+++ b/src/assets/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;
 }