From 19c22e6ae8a6c14b3dd7a5a33c71eb91e82f2a06 Mon Sep 17 00:00:00 2001
From: troogs <git@beging.de>
Date: Tue, 21 Apr 2026 05:48:55 +0200
Subject: [PATCH] Refactor ProspectContainer and ProspectGrid: adjust layout
 styles and add grid class for improved responsiveness

---
 .../Controls/ProspectContainer.razor.css             | 10 ++++------
 FoodsharingSiegen.Server/Controls/ProspectGrid.razor |  4 +++-
 .../Controls/ProspectGrid.razor.css                  | 12 ++++++++++++
 3 files changed, 19 insertions(+), 7 deletions(-)
 create mode 100644 FoodsharingSiegen.Server/Controls/ProspectGrid.razor.css

diff --git a/FoodsharingSiegen.Server/Controls/ProspectContainer.razor.css b/FoodsharingSiegen.Server/Controls/ProspectContainer.razor.css
index 1276c45..7217fa0 100644
--- a/FoodsharingSiegen.Server/Controls/ProspectContainer.razor.css
+++ b/FoodsharingSiegen.Server/Controls/ProspectContainer.razor.css
@@ -16,18 +16,16 @@
 .pc-main {
     display: flex;
     flex-direction: column;
-    flex-basis: 0;
-    flex-grow: 1;
-    max-width: 480px;
+    height: 100%;
+    width: 100%;
+    max-width: none;
     border-radius: 12px;
-    margin: 15px;
+    margin: 0;
     padding: 1rem 1rem 0 1rem;
 }
 
 @media (max-width: 576px) {
     .pc-main {
-        margin-left: 0;
-        margin-right: 0;
         padding: .5rem .5rem 0 .5rem;
     }
 }
diff --git a/FoodsharingSiegen.Server/Controls/ProspectGrid.razor b/FoodsharingSiegen.Server/Controls/ProspectGrid.razor
index 815dbb3..499253d 100644
--- a/FoodsharingSiegen.Server/Controls/ProspectGrid.razor
+++ b/FoodsharingSiegen.Server/Controls/ProspectGrid.razor
@@ -7,12 +7,14 @@
   
   [Parameter] public Func<Task>? OnDataChanged { get; set; }
 
+  [Parameter] public string GridClass { get; set; } = string.Empty;
+
 }
 <h6>@(Prospects?.Count ?? 0) Ergebnisse</h6>
 
 @if (Prospects?.Any() == true)
 {
-  <div class="row m-0">
+  <div class="prospect-grid @GridClass">
     <Repeater Items="@Prospects">
       <ProspectContainer 
         Prospect="context" 
diff --git a/FoodsharingSiegen.Server/Controls/ProspectGrid.razor.css b/FoodsharingSiegen.Server/Controls/ProspectGrid.razor.css
new file mode 100644
index 0000000..c981b17
--- /dev/null
+++ b/FoodsharingSiegen.Server/Controls/ProspectGrid.razor.css
@@ -0,0 +1,12 @@
+.prospect-grid {
+    /* Default card width range. Override via a modifier class on ProspectGrid. */
+    --pc-min-width: 200px;
+    --pc-max-width: 350px;
+
+    display: grid;
+    gap: 1rem;
+    width: 100%;
+    grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--pc-min-width)), var(--pc-max-width)));
+    justify-content: center;
+    align-items: stretch;
+}
\ No newline at end of file