NU-1778 adjust style

TouK · Oct 17, 2024 · a4b117f · a4b117f
1 parent 97b26c2
commit a4b117f
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/designer/client/src/components/toolbars/activities/ActivityPanelRowItem/ActivityItem.tsx b/designer/client/src/components/toolbars/activities/ActivityPanelRowItem/ActivityItem.tsx
@@ -12,10 +12,11 @@ import { SearchHighlighter } from "../../creator/SearchHighlighter";
 import ActivityItemHeader from "./ActivityItemHeader";
 
 const StyledActivityRoot = styled("div")(({ theme }) => ({
-    padding: theme.spacing(1),
+    padding: theme.spacing(0.5),
 }));
 
 const StyledActivityContent = styled("div")<{ isActiveFound: boolean; isFound: boolean }>(({ theme, isActiveFound, isFound }) => ({
+    padding: theme.spacing(0.5),
     border: isActiveFound
         ? `0.5px solid ${blendLighten(theme.palette.primary.main, 0.7)}`
         : isFound
@@ -32,8 +33,8 @@ const StyledActivityContent = styled("div")<{ isActiveFound: boolean; isFound: b
 const StyledActivityBody = styled("div")(({ theme }) => ({
     display: "flex",
     flexDirection: "column",
-    margin: `${theme.spacing(0.5)} ${theme.spacing(1)} 0`,
-    gap: theme.spacing(1),
+    margin: theme.spacing(0.5, 1),
+    gap: theme.spacing(0.5),
 }));
 
 const getCommentSettings = createSelector(getFeatureSettings, (f) => f.commentSettings || {});

diff --git a/...ner/client/src/components/toolbars/activities/ActivityPanelRowItem/ActivityItemHeader.tsx b/...ner/client/src/components/toolbars/activities/ActivityPanelRowItem/ActivityItemHeader.tsx
@@ -31,7 +31,7 @@ const StyledHeaderActionIcon = styled(UrlIcon)(({ theme }) => ({
 const StyledActivityItemHeader = styled("div")<{ isHighlighted: boolean; isActive: boolean }>(({ theme, isHighlighted, isActive }) => ({
     display: "flex",
     alignItems: "center",
-    padding: `${theme.spacing(0.5)} ${theme.spacing(1)}`,
+    padding: theme.spacing(0.5),
     backgroundColor: isActive
         ? blend(theme.palette.background.paper, theme.palette.primary.main, 0.2)
         : isHighlighted