fix: content overflow in Animator (#274)

Ruchita1010 · web-flow · commit 79792aecc388 · 2022-10-11T13:58:02.000+01:00
diff --git a/src/style.css b/src/style.css
@@ -284,9 +284,12 @@ textarea {
 .radio-group {
   display: flex;
   justify-content: space-between;
+  flex-wrap: wrap;
 }
 
 #animation-radio-label {
+  display: flex;
+  width: 6rem;
   padding: 0;
   margin: 0;
   background: none;
@@ -296,7 +299,7 @@ textarea {
 }
 
 #animation-radio-label > span {
-  padding-right: 8px;
+  padding: 0 8px 0 4px;
 }
 
 #radius-input-label {
@@ -365,6 +368,7 @@ input[type='number']::-webkit-outer-spin-button {
   margin-bottom: 1rem;
   display: flex;
   justify-content: space-between;
+  flex-wrap: wrap;
 }
 
 .styled-input {

Original file line number	Diff line number	Diff line change
`@@ -284,9 +284,12 @@ textarea {`
`284`	`284`	`.radio-group {`
`285`	`285`	`display: flex;`
`286`	`286`	`justify-content: space-between;`
	`287`	`+ flex-wrap: wrap;`
`287`	`288`	`}`
`288`	`289`
`289`	`290`	`#animation-radio-label {`
	`291`	`+ display: flex;`
	`292`	`+ width: 6rem;`
`290`	`293`	`padding: 0;`
`291`	`294`	`margin: 0;`
`292`	`295`	`background: none;`
`@@ -296,7 +299,7 @@ textarea {`
`296`	`299`	`}`
`297`	`300`
`298`	`301`	`#animation-radio-label > span {`
`299`		`- padding-right: 8px;`
	`302`	`+ padding: 0 8px 0 4px;`
`300`	`303`	`}`
`301`	`304`
`302`	`305`	`#radius-input-label {`
`@@ -365,6 +368,7 @@ input[type='number']::-webkit-outer-spin-button {`
`365`	`368`	`margin-bottom: 1rem;`
`366`	`369`	`display: flex;`
`367`	`370`	`justify-content: space-between;`
	`371`	`+ flex-wrap: wrap;`
`368`	`372`	`}`
`369`	`373`
`370`	`374`	`.styled-input {`