use responsive grid layout

jankuca · jankuca · commit 4e6dac704e86 · 2025-11-03T15:14:29.000+01:00
diff --git a/src/webviews/webview-side/integrations/integrations.css b/src/webviews/webview-side/integrations/integrations.css
@@ -356,7 +356,7 @@ form {
 
 .integration-type-grid {
     display: grid;
-    grid-template-columns: repeat(3, 1fr);
+    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
     gap: 10px;
 }
 

Original file line number	Diff line number	Diff line change
`@@ -356,7 +356,7 @@ form {`
`356`	`356`
`357`	`357`	`.integration-type-grid {`
`358`	`358`	`display: grid;`
`359`		`- grid-template-columns: repeat(3, 1fr);`
	`359`	`+ grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));`
`360`	`360`	`gap: 10px;`
`361`	`361`	`}`
`362`	`362`