feat: improve layout of FilterList component by adjusting text alignm…

…ent and styling
helsingborg-stad · Dec 4, 2024 · e843d6f · e843d6f
1 parent 07bd059
commit e843d6f
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/src/modules/Delivery/components/DeliveryList/components/FilterList/FilterList.tsx b/src/modules/Delivery/components/DeliveryList/components/FilterList/FilterList.tsx
@@ -114,7 +114,7 @@ export const FilterList: FC<FilterListProps> = ({
         <Styled.TopRightContainer>
           <Lock />
           {' '}
-          <p style={{ alignContent: 'center' }}>Konto är privat, ingen data delas</p>
+          <p>Konto är privat, ingen data delas</p>
         </Styled.TopRightContainer>
         )}
         {showExportButton && (

diff --git a/src/modules/Delivery/components/DeliveryList/components/FilterList/styled.ts b/src/modules/Delivery/components/DeliveryList/components/FilterList/styled.ts
@@ -14,4 +14,5 @@ export const TopRightContainer = styled.div`
   display: flex;
   align-content: end;
   gap: 10px;
+  align-items: center;
 `;