fix(amazonq-chat): padding is too narrow aws#7038

Randall-Jiang · web-flow · commit 6d6113821be9 · 2025-04-14T11:38:35.000-07:00
diff --git a/package-lock.json b/package-lock.json
diff --git a/packages/core/package.json b/packages/core/package.json
@@ -525,7 +525,7 @@
         "@aws-sdk/s3-request-presigner": "<3.731.0",
         "@aws-sdk/smithy-client": "<3.731.0",
         "@aws-sdk/util-arn-parser": "<3.731.0",
-        "@aws/mynah-ui": "^4.31.0-beta.1",
+        "@aws/mynah-ui": "^4.31.0-beta.2",
         "@gerhobbelt/gitignore-parser": "^0.2.0-9",
         "@iarna/toml": "^2.2.5",
         "@smithy/fetch-http-handler": "^5.0.1",
diff --git a/packages/core/resources/css/amazonq-webview.css b/packages/core/resources/css/amazonq-webview.css
@@ -128,3 +128,8 @@ body .mynah-card-body h4 {
 div.mynah-card.padding-large {
     padding: var(--mynah-sizing-4) var(--mynah-sizing-3);
 }
+
+.mynah-chat-wrapper {
+    padding: 0.75rem 1.25rem !important; /* 12px top/bottom, 20px left/right */
+    box-sizing: border-box;
+}

Original file line number	Diff line number	Diff line change
`@@ -128,3 +128,8 @@ body .mynah-card-body h4 {`
`128`	`128`	`div.mynah-card.padding-large {`
`129`	`129`	`padding: var(--mynah-sizing-4) var(--mynah-sizing-3);`
`130`	`130`	`}`
	`131`	`+`
	`132`	`+.mynah-chat-wrapper {`
	`133`	`+ padding: 0.75rem 1.25rem !important; /* 12px top/bottom, 20px left/right */`
	`134`	`+ box-sizing: border-box;`
	`135`	`+}`