From 36b04d91efbcae8d1bfe054079b1d3d46ba4d61d Mon Sep 17 00:00:00 2001
From: byakter <109795934+byakter@users.noreply.github.com>
Date: Wed, 21 Feb 2024 20:26:10 +0200
Subject: [PATCH] Adjust titles for 2 widgets (#1036)

Co-authored-by: Barak Yakter <byakter@gmail,com>
---
 .../molecules/widgets/HeadOnCollisionsComparisonWidget.tsx  | 4 ++--
 src/services/widgets.style.service.ts                       | 6 +++---
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/molecules/widgets/HeadOnCollisionsComparisonWidget.tsx b/src/components/molecules/widgets/HeadOnCollisionsComparisonWidget.tsx
index f42519f0..a55e75a0 100644
--- 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
index 0ec33d35..319db8a1 100644
--- 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,