From 3f226bb5d7176fb369472078608708ad390733dc Mon Sep 17 00:00:00 2001
From: lyndaidaii <lind@microsoft.com>
Date: Tue, 4 May 2021 13:47:07 -0700
Subject: [PATCH] style image

---
 src/Bootstrap/dist/css/bootstrap-theme.css  |  6 ++++
 src/Bootstrap/less/theme/common-readme.less | 32 ++++++++++++++-------
 2 files changed, 28 insertions(+), 10 deletions(-)

diff --git a/src/Bootstrap/dist/css/bootstrap-theme.css b/src/Bootstrap/dist/css/bootstrap-theme.css
index 139ff80772..c41783a85f 100644
--- a/src/Bootstrap/dist/css/bootstrap-theme.css
+++ b/src/Bootstrap/dist/css/bootstrap-theme.css
@@ -641,6 +641,12 @@ img.reserved-indicator-icon {
   overflow: auto;
   max-height: 450px;
 }
+#readme-less img {
+  max-width: 100%;
+}
+#readme-more img {
+  max-width: 100%;
+}
 .user-package-list .manage-package-listing .package-icon {
   max-height: 2em;
   min-width: 20px;
diff --git a/src/Bootstrap/less/theme/common-readme.less b/src/Bootstrap/less/theme/common-readme.less
index 746d38af69..02512b1188 100644
--- a/src/Bootstrap/less/theme/common-readme.less
+++ b/src/Bootstrap/less/theme/common-readme.less
@@ -1,12 +1,24 @@
 .readme {
-    .readme-container{
-        display: block;
-        padding: 10.5px;
-        background-color: @pre-bg;
-        border: 1px solid #ccc;
-        word-break: normal;
-        margin-bottom: @default-margin-bottom;
-        overflow: auto;
-        max-height: 450px;
-    }
+  .readme-container {
+    display: block;
+    padding: 10.5px;
+    background-color: @pre-bg;
+    border: 1px solid #ccc;
+    word-break: normal;
+    margin-bottom: @default-margin-bottom;
+    overflow: auto;
+    max-height: 450px;
+  }
+}
+
+#readme-less {
+  img {
+    max-width: 100%;
+  }
+}
+
+#readme-more {
+  img {
+    max-width: 100%;
+  }
 }
\ No newline at end of file