Corrected input width calculation to prevent overflow

scar17off · scar17off · commit 0bb02a0a2aa7 · 2024-10-30T00:13:22.000+02:00
diff --git a/src/components/GraphInspector.module.css b/src/components/GraphInspector.module.css
@@ -111,11 +111,12 @@
 }
 
 .input {
-  width: 100%;
+  width: calc(100% - 8px); /* Subtract padding from width */
   padding: 4px;
   border-radius: 4px;
   font-family: 'Inter', sans-serif;
   font-size: 13px;
+  box-sizing: border-box; /* Include padding in width calculation */
 }
 
 .inputDark {

Original file line number	Diff line number	Diff line change
`@@ -111,11 +111,12 @@`
`111`	`111`	`}`
`112`	`112`
`113`	`113`	`.input {`
`114`		`- width: 100%;`
	`114`	`+ width: calc(100% - 8px); /* Subtract padding from width */`
`115`	`115`	`padding: 4px;`
`116`	`116`	`border-radius: 4px;`
`117`	`117`	`font-family: 'Inter', sans-serif;`
`118`	`118`	`font-size: 13px;`
	`119`	`+ box-sizing: border-box; /* Include padding in width calculation */`
`119`	`120`	`}`
`120`	`121`
`121`	`122`	`.inputDark {`