diff --git a/frontend-next-migration/src/features/Feedback/ui/FeedbackSideButton/FeedbackSideButton.tsx b/frontend-next-migration/src/features/Feedback/ui/FeedbackSideButton/FeedbackSideButton.tsx index 03d0a672a..46033e5c6 100644 --- a/frontend-next-migration/src/features/Feedback/ui/FeedbackSideButton/FeedbackSideButton.tsx +++ b/frontend-next-migration/src/features/Feedback/ui/FeedbackSideButton/FeedbackSideButton.tsx @@ -3,7 +3,7 @@ import { useState } from 'react'; import { Button, ButtonTheme } from '@/shared/ui/Button/Button'; import { useClientTranslation } from '@/shared/i18n'; import useIsMobileSize from '@/shared/lib/hooks/useIsMobileSize'; -import { default as FeedbackCard } from '../FeedbackCard/FeedbackCard'; +import { FeedbackCard } from '@/shared/ui/v2/Feedback/index'; import cls from './FeedbackSideButton.module.scss'; type Props = { diff --git a/frontend-next-migration/src/shared/ui/v2/Feedback/ui/FeedbackCard/FeedbackCard.module.scss b/frontend-next-migration/src/shared/ui/v2/Feedback/ui/FeedbackCard/FeedbackCard.module.scss index ae33137e3..02f1ac885 100644 --- a/frontend-next-migration/src/shared/ui/v2/Feedback/ui/FeedbackCard/FeedbackCard.module.scss +++ b/frontend-next-migration/src/shared/ui/v2/Feedback/ui/FeedbackCard/FeedbackCard.module.scss @@ -4,16 +4,17 @@ display: flex; flex-direction: column; align-items: flex-start; - margin: 10px; + margin: 5px; - width: 300px; - height: 300px; + width: 320px; + height:fit-content; padding-top: 0px; display: flex; flex-direction: column; align-items: center; - gap: 12px; + gap: 10px; + box-shadow: 3px 4px 0px #121212; } @@ -23,8 +24,7 @@ font-size: 32px; line-height: 40px; - width: 240px; - height: 80px; + height: fit-content; color: #FFA101; }; @@ -98,4 +98,5 @@ display: inline-block; /* Varautuu block-tilan oletukseen */ vertical-align: middle; /* Sijoittaa tekstin pystysuunnassa keskelle */ justify-items: end; + padding: 0px 10px 0px 10px; } \ No newline at end of file