chore: Address PR Feedback

- increase padding for node cards in campaign detail
- refactor campaign overview grid with scrolling container

Author: tcjennings

packages/cm-web/src/lsst/cmservice/web/pages/campaign_detail.py

@@ -62,7 +62,7 @@ def create_node_card(self, node: dict) -> None:
             )
         )
         node_status = StatusDecorators[node["status"]]
-        with ui.card().classes("pt-0 pb-0 pl-0 pr-2"):
+        with ui.card().classes("p-2"):
             with ui.row():
                 with ui.column().classes("items-center gap-2"):
                     # Large hero avatar link
@@ -108,7 +108,7 @@ def create_node_card(self, node: dict) -> None:
                     )
                     newer_node_badge.move(node_version_chip)
 
-            with ui.card_actions().classes("w-full"):
+            with ui.card_actions().classes("w-full p-0"):
                 show_node_created_at = False
                 if show_node_created_at and (node_created_at := node["metadata"].get("crtime")):
                     ui.chip(

packages/cm-web/src/lsst/cmservice/web/pages/campaign_overview.py

@@ -125,9 +125,10 @@ def campaign_card(self, campaign_id: str) -> None:
     @ui.refreshable_method
     def create_campaign_grid(self) -> None:
         """Renders a grid of campaign cards."""
-        with ui.grid(columns="auto 4fr"):
-            for campaign in self.model["campaigns"]:
-                self.campaign_card(campaign)
+        with ui.element("div").classes("w-full h-full overflow-y-auto p-4"):
+            with ui.element("div").classes("grid grid-cols-2 gap-4"):
+                for campaign in self.model["campaigns"]:
+                    self.campaign_card(campaign)
 
     @ui.refreshable_method
     async def create_content(self) -> None: