From 31393694b92fd7ae9a1df9093da1d3d3f4b5ebe2 Mon Sep 17 00:00:00 2001
From: malmen237 <linda.malm@eyevinn.se>
Date: Thu, 25 Apr 2024 13:53:19 +0200
Subject: [PATCH] fix: updated temp-div paddings to only be bottom

---
 src/components/production-line/production-line.tsx | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/components/production-line/production-line.tsx b/src/components/production-line/production-line.tsx
index 774a9a27..ddbf5130 100644
--- a/src/components/production-line/production-line.tsx
+++ b/src/components/production-line/production-line.tsx
@@ -29,7 +29,7 @@ import { useCheckBadLineData } from "./use-check-bad-line-data.ts";
 import { NavigateToRootButton } from "../navigate-to-root-button/navigate-to-root-button.tsx";
 
 const TempDiv = styled.div`
-  padding: 1rem 0;
+  padding: 0 0 2rem 0;
 `;
 
 const HeaderWrapper = styled.div`
@@ -70,6 +70,11 @@ const ButtonWrapper = styled.span`
   margin: 0 2rem 0 0;
 `;
 
+const ListWrapper = styled(DisplayContainer)`
+  width: 100%;
+  height: fit-content;
+`;
+
 export const ProductionLine: FC = () => {
   const { productionId: paramProductionId, lineId: paramLineId } = useParams();
   const [
@@ -268,7 +273,7 @@ export const ProductionLine: FC = () => {
                 )}
             </div>
           </DisplayContainer>
-          <DisplayContainer>
+          <ListWrapper>
             {line && (
               <UserList
                 sessionid={sessionId}
@@ -277,7 +282,7 @@ export const ProductionLine: FC = () => {
                 audioLevelAboveThreshold={audioLevelAboveThreshold}
               />
             )}
-          </DisplayContainer>
+          </ListWrapper>
         </FlexContainer>
       )}
     </>