diff --git a/FoodsharingSiegen.Server/Controls/ProspectContainer.razor b/FoodsharingSiegen.Server/Controls/ProspectContainer.razor index 757303e..2b1b15c 100644 --- a/FoodsharingSiegen.Server/Controls/ProspectContainer.razor +++ b/FoodsharingSiegen.Server/Controls/ProspectContainer.razor @@ -3,7 +3,7 @@ @inherits FsBase @{ - var divClass = $"{CssClass} pc-main"; + var divClass = $"{CssClass} pc-main shadow border-0"; if (Prospect is { Complete: true }) divClass += " complete"; if (Prospect is { Warning: true }) divClass += " warning"; if (Prospect is { RecordState: RecordState.Archived }) divClass += " deleted"; diff --git a/FoodsharingSiegen.Server/Controls/ProspectContainer.razor.css b/FoodsharingSiegen.Server/Controls/ProspectContainer.razor.css index 386d98d..1276c45 100644 --- a/FoodsharingSiegen.Server/Controls/ProspectContainer.razor.css +++ b/FoodsharingSiegen.Server/Controls/ProspectContainer.razor.css @@ -19,10 +19,17 @@ flex-basis: 0; flex-grow: 1; max-width: 480px; - border: 1px solid #533a20; - border-radius: 3px; - margin: 5px; - padding: .5rem .5rem 0 .5rem; + border-radius: 12px; + margin: 15px; + padding: 1rem 1rem 0 1rem; +} + +@media (max-width: 576px) { + .pc-main { + margin-left: 0; + margin-right: 0; + padding: .5rem .5rem 0 .5rem; + } } .pc-main.warning {