Merge branch 'catalogue-catagories-flagging-#1659' into catalogue-items-flaggging-#1656

Author: joshdimanteto

src/catalogue/category/catalogueCard.component.tsx

@@ -62,7 +62,7 @@ function CatalogueCard(props: CatalogueCardProps) {
         width: '100%',
         textDecoration: 'none',
         color: 'inherit',
-        position: 'relative', // Make the parent container relative
+        position: 'relative',
       }}
     >
       <Card

src/common/__snapshots__/criticalityTooltipIcon.component.test.tsx.snap

@@ -26,7 +26,7 @@ exports[`CriticalityTooltipIcon > renders correctly (showFlagged=null) 1`] = `
     <svg
       aria-hidden="true"
       aria-label="test"
-      class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1vxd69-MuiSvgIcon-root"
+      class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1xvssuy-MuiSvgIcon-root"
       data-mui-internal-clone-element="true"
       data-testid="WarningIcon"
       focusable="false"

src/common/criticalityTooltipIcon.component.tsx

@@ -15,7 +15,7 @@ const getIcon = (showFlagged: boolean | null) => {
       <WarningIcon
         sx={(theme) => ({
           pr: 1,
-          fontSize: '35px',
+          fontSize: '36px',
           color: theme.palette.warning.main,
         })}
       />

src/utils.tsx

@@ -728,7 +728,7 @@ export const criticalityCardStyle = (props: {
 
   return {
     border: `2px solid ${color}`,
-    boxShadow: `0 0 10px 3px ${alpha(color, 0.53)}`, // 88 = ~53% opacity for fuzzy glow
+    boxShadow: `0 0 10px 3px ${alpha(color, 0.53)}`, // 53% opacity for fuzzy glow
   };
 };