fix: updated container-margin to only be bottom

Eyevinn · Apr 26, 2024 · 229f770 · 229f770
1 parent 22f92c5
commit 229f770
Showing 1 changed file with 7 additions and 3 deletions.
diff --git a/src/components/landing-page/productions-list.tsx b/src/components/landing-page/productions-list.tsx
@@ -12,10 +12,14 @@ import { LocalError } from "../error.tsx";
 
 const ProductionListContainer = styled.div`
   display: flex;
-  padding: 2rem 0 2rem 2rem;
+  padding: 0 0 2rem 2rem;
   flex-wrap: wrap;
 `;
 
+const HeaderContainer = styled(DisplayContainer)`
+  padding: 0 2rem 0 2rem;
+`;
+
 const ProductionItem = styled.div`
   flex: 1 0 calc(25% - 2rem);
   min-width: 20rem;
@@ -106,9 +110,9 @@ export const ProductionsList = () => {
         className={showRefreshing ? "active" : "in-active"}
         text="refreshing"
       />
-      <DisplayContainer>
+      <HeaderContainer>
         <DisplayContainerHeader>Production List</DisplayContainerHeader>
-      </DisplayContainer>
+      </HeaderContainer>
       <ProductionListContainer>
         {error && <LocalError error={error} />}
         {!error &&