Fix oppia#22133 added bottom margin to the container to prevent buttons overlap (oppia#22400)

spriyatam28 · web-flow · commit 507a3dc50c18 · 2025-04-10T10:33:14.000Z
added margin to container to prevent buttons overlap
diff --git a/core/templates/pages/exploration-player-page/learner-experience/conversation-skin.component.css b/core/templates/pages/exploration-player-page/learner-experience/conversation-skin.component.css
@@ -56,6 +56,7 @@ oppia-conversation-skin .supplemental-card-parent-container {
 }
 
 .conversation-skin-cards-container-embedded {
+  margin-bottom: 25%;
   padding: 10px 14px 0 !important;
 }
 

Original file line number	Diff line number	Diff line change
`@@ -56,6 +56,7 @@ oppia-conversation-skin .supplemental-card-parent-container {`
`56`	`56`	`}`
`57`	`57`
`58`	`58`	`.conversation-skin-cards-container-embedded {`
	`59`	`+ margin-bottom: 25%;`
`59`	`60`	`padding: 10px 14px 0 !important;`
`60`	`61`	`}`
`61`	`62`