From 889cf03c1c6c447b68406885ca19c16227904640 Mon Sep 17 00:00:00 2001
From: Lucy Cifferello <12953208+elvece@users.noreply.github.com>
Date: Fri, 17 Jun 2022 15:57:09 -0600
Subject: [PATCH] fix circular images in instructions markdown modal

---
 .../src/components/markdown/markdown.component.scss |  6 +++++-
 frontend/projects/ui/src/styles.scss                | 13 +++++++++++--
 2 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/frontend/projects/shared/src/components/markdown/markdown.component.scss b/frontend/projects/shared/src/components/markdown/markdown.component.scss
index 07b67da33..dc3098ef1 100644
--- a/frontend/projects/shared/src/components/markdown/markdown.component.scss
+++ b/frontend/projects/shared/src/components/markdown/markdown.component.scss
@@ -1,3 +1,7 @@
 .content-padding {
-  padding: 0 16px 16px 16px
+  padding: 0 16px 16px 16px;
+}
+
+:host ::ng-deep img {
+  border-radius: 0 !important;
 }
\ No newline at end of file
diff --git a/frontend/projects/ui/src/styles.scss b/frontend/projects/ui/src/styles.scss
index 2a2f262d0..21bafae43 100644
--- a/frontend/projects/ui/src/styles.scss
+++ b/frontend/projects/ui/src/styles.scss
@@ -65,7 +65,7 @@ $subheader-height: 48px;
 }
 
 .subheader-padding {
-  --padding-top: #{$subheader-height} + 10px;
+  --padding-top: #{$subheader-height}+10px;
 }
 
 .subheader {
@@ -84,6 +84,7 @@ $subheader-height: 48px;
   margin-bottom: 6px;
   font-size: medium;
   font-weight: bold;
+
   * {
     display: inline-block;
     vertical-align: middle;
@@ -223,6 +224,7 @@ ion-button {
     --width: 90% !important;
     --max-width: 900px !important;
   }
+
   .alert-message {
     max-height: unset;
   }
@@ -281,12 +283,15 @@ h2 {
   25% {
     content: '';
   }
+
   50% {
     content: '.';
   }
+
   75% {
     content: '..';
   }
+
   100% {
     content: '...';
   }
@@ -296,16 +301,20 @@ h2 {
   0% {
     opacity: 1;
   }
+
   20% {
     opacity: 0;
   }
+
   60% {
     opacity: 0;
   }
+
   100% {
     opacity: 1;
   }
 }
+
 .fader {
   animation: flickerAnimation 4s infinite;
-}
+}
\ No newline at end of file