use css logical properties

EyeSeeTea · May 16, 2024 · ac8aff8 · ac8aff8
1 parent 9a8470e
commit ac8aff8
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/src/webapp/components/issues/IssueFilters.tsx b/src/webapp/components/issues/IssueFilters.tsx
@@ -195,7 +195,8 @@ const FilterContainer = styled.div`
     align-items: center;
     display: flex;
     gap: 1rem;
-    padding: 0 5px;
+    padding-inline: 5px;
+    padding-block: 0;
 `;
 
 const SearchBoxContainer = styled.div`

diff --git a/src/webapp/components/issues/IssueTable.tsx b/src/webapp/components/issues/IssueTable.tsx
@@ -265,17 +265,16 @@ const useStyles = makeStyles((theme: Theme) =>
         paper: {
             flex: "1 1 0%",
             display: "inline-table",
-            marginLeft: "5px",
-            marginRight: "5px",
             height: "100%",
+            marginInline: "5px",
         },
         tableWrapper: {
             display: "flex",
             flex: "1 1 0%",
-            paddingBottom: theme.spacing(2),
-            marginTop: "5px",
             height: 300,
+            marginBlockStart: "5px",
             overflow: "scroll",
+            paddingBlockEnd: theme.spacing(2),
             scrollBehavior: "smooth",
         },
     })