Connectors: Improve responsive layout for small viewports (#76231)

Adjust the connectors page responsive styles at 480px breakpoint:
- Reduce outer padding from 16px to 8px
- Reduce inner card padding from 16px to 12px
- Stack badge and action button vertically

Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com>

Co-authored-by: gziolo <gziolo@git.wordpress.org>
Co-authored-by: jorgefilipecosta <jorgefilipecosta@git.wordpress.org>

Author: gziolo

routes/connectors-home/style.scss

@@ -25,14 +25,22 @@
 	}
 
 	@media (max-width: 480px) {
-		padding: 16px;
+		padding: 8px;
 
 		.components-item {
-			padding: 16px;
+			padding: 12px;
 
-			> .components-v-stack > .components-h-stack:first-child svg {
-				width: 32px;
-				height: 32px;
+			> .components-v-stack > .components-h-stack:first-child {
+				svg {
+					width: 32px;
+					height: 32px;
+				}
+
+				// Stack badge and action button vertically on small screens.
+				> .components-h-stack:last-child {
+					flex-direction: column;
+					align-items: flex-end;
+				}
 			}
 		}
 	}