From 7660e8ce810ab3326c7ce37c56b58a0e8f2cc058 Mon Sep 17 00:00:00 2001
From: troogs <git@beging.de>
Date: Tue, 21 Apr 2026 21:19:29 +0200
Subject: [PATCH] Refactor ProspectContainer styles: improve SCSS structure for
 better readability and maintainability

---
 .../Controls/ProspectContainer.razor.scss     | 48 ++++++++++---------
 1 file changed, 25 insertions(+), 23 deletions(-)

diff --git a/FoodsharingSiegen.Server/Controls/ProspectContainer.razor.scss b/FoodsharingSiegen.Server/Controls/ProspectContainer.razor.scss
index 9937965..36b8a85 100644
--- a/FoodsharingSiegen.Server/Controls/ProspectContainer.razor.scss
+++ b/FoodsharingSiegen.Server/Controls/ProspectContainer.razor.scss
@@ -1,12 +1,15 @@
-::deep a,
-::deep a.invert:hover{
+::deep a {
     color: #64ae24;
     display: block;
-}
 
-::deep a.invert,
-::deep a:hover {
-    color: #533a20;
+    &.invert,
+    &:hover {
+        color: #533a20;
+    }
+
+    &.invert:hover {
+        color: #64ae24;
+    }
 }
 
 .green {
@@ -22,24 +25,22 @@
     border-radius: 12px;
     margin: 0;
     padding: 1rem 1rem 0 1rem;
-}
 
-@media (max-width: 576px) {
-    .pc-main {
+    @media (max-width: 576px) {
         padding: .5rem .5rem 0 .5rem;
     }
-}
 
-.pc-main.warning {
-    -webkit-box-shadow: 0 0 9px 4px rgba(214,100,23,0.87);
-    -moz-box-shadow: 0 0 9px 4px rgba(214,100,23,0.87);
-    box-shadow: 0 0 9px 4px rgba(214,100,23,0.87);
-}
+    &.warning {
+        -webkit-box-shadow: 0 0 9px 4px rgba(214,100,23,0.87);
+        -moz-box-shadow: 0 0 9px 4px rgba(214,100,23,0.87);
+        box-shadow: 0 0 9px 4px rgba(214,100,23,0.87);
+    }
 
-.pc-main.deleted {
-    -webkit-box-shadow: 0 0 9px 4px rgb(214 23 23 / 87%);
-    -moz-box-shadow: 0 0 9px 4px rgb(214 23 23 / 87%);
-    box-shadow: 0 0 9px 4px rgb(214 23 23 / 87%);
+    &.deleted {
+        -webkit-box-shadow: 0 0 9px 4px rgb(214 23 23 / 87%);
+        -moz-box-shadow: 0 0 9px 4px rgb(214 23 23 / 87%);
+        box-shadow: 0 0 9px 4px rgb(214 23 23 / 87%);
+    }
 }
 
 .complete {
@@ -47,9 +48,10 @@
 }
 
 i.link {
-    cursor: pointer; color: #64ae24;
-}
+    cursor: pointer;
+    color: #64ae24;
 
-i.link:hover {
-    color: #000;
+    &:hover {
+        color: #000;
+    }
 }
\ No newline at end of file