Adjust titles for 2 widgets (#1036)

Co-authored-by: Barak Yakter <byakter@gmail,com>
data-for-change · Feb 21, 2024 · 36b04d9 · 36b04d9
1 parent a193585
commit 36b04d9
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/src/components/molecules/widgets/HeadOnCollisionsComparisonWidget.tsx b/src/components/molecules/widgets/HeadOnCollisionsComparisonWidget.tsx
@@ -69,8 +69,8 @@ const HeadOnCollisionsComparisonWidget: FC<IProps> = ({ data, segmetText, usePer
   const roadNumberSegment: string = ` ${t('onUrban.route')} ${widgetsStore.newsFlashWidgetsMetaRoadNumber}`;
   const descSegment: string = roadNumberSegment == null ? '' : segmetText.substr(roadNumberSegment.length);
   return (
-    <Box height={'100%'} display="flex" flexDirection="column" mr={'80px'}>
-      <Box className={classes.primaryContent}>
+    <Box height={'100%'} display="flex" flexDirection="column" mr={'25px'}>
+      <Box className={classes.primaryContent} mt={'28px'}>
         <Box className={classes.primaryDesc}>
           <Box className={classes.textHighlight}>
             <Typography.Body2>{roadNumberSegment == null ? null : roadNumberSegment}</Typography.Body2>

diff --git a/src/services/widgets.style.service.ts b/src/services/widgets.style.service.ts
@@ -40,13 +40,13 @@ const widgetVariants: { [index: string]: CardVariant } = {
   [WidgetName.accident_count_by_accident_year]: { header: HeaderVariant.Centered, footer: FooterVariant.LogoWithRange },
   [WidgetName.injured_count_by_accident_year]: { header: HeaderVariant.Centered, footer: FooterVariant.LogoWithRange },
   [WidgetName.accident_count_by_day_night]: { header: HeaderVariant.Centered, footer: FooterVariant.LogoWithRange },
-  [WidgetName.head_on_collisions_comparison]: { header: HeaderVariant.Label, footer: FooterVariant.LogoWithRange },
+  [WidgetName.head_on_collisions_comparison]: { header: HeaderVariant.Centered, footer: FooterVariant.LogoWithRange },
   [WidgetName.head_on_collisions_comparison_percentage]: {
-    header: HeaderVariant.Label,
+    header: HeaderVariant.Centered,
     footer: FooterVariant.LogoWithRange,
   },
   [WidgetName.vision_zero_2_plus_1]: { header: HeaderVariant.None, footer: FooterVariant.LogoWithRange },
-  [WidgetName.vision_zero_10_50_90]:{header: HeaderVariant.None, footer: FooterVariant.LogoWithRange},
+  [WidgetName.vision_zero_10_50_90]: { header: HeaderVariant.None, footer: FooterVariant.LogoWithRange },
   [WidgetName.top_road_segments_accidents_per_km]: {
     header: HeaderVariant.Centered,
     footer: FooterVariant.LogoWithRange,