fix: updated temp-div paddings to only be bottom

Eyevinn · Apr 26, 2024 · 3139369 · 3139369
1 parent 229f770
commit 3139369
Showing 1 changed file with 8 additions and 3 deletions.
diff --git 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>
       )}
     </>