diff --git a/FrontEnd/src/components/CompanyCard/CompanyCard.jsx b/FrontEnd/src/components/CompanyCard/CompanyCard.jsx index fb6c4b061..89eae572e 100644 --- a/FrontEnd/src/components/CompanyCard/CompanyCard.jsx +++ b/FrontEnd/src/components/CompanyCard/CompanyCard.jsx @@ -49,96 +49,98 @@ export default function CompanyCard({ }; return ( -
-
-
- {profile.banner_image ? ( - Company Banner - ) : ( - {profile.name} - )} -
-
- -
- {activitiesSliceString} -
-
-
-
- - {profile.name} - -
+
+ +
+
+ {profile.banner_image ? ( + Company Banner + ) : ( + {profile.name} + )}
- -
- {profile.regions_ukr_display - ? profile.regions_ukr_display.length < lengthOfRegion - ? `${profile.regions_ukr_display}` - : `${profile.regions_ukr_display.substring(0, 35)}...` - : ''} +
+ +
+ {activitiesSliceString} +
+
+
+
+ {profile.name} +
- -
element.name).join(', ') - } + title={profile.regions_ukr_display} placement="bottom" pointAtCenter={true} > -
- +
+ {profile.regions_ukr_display + ? profile.regions_ukr_display.length < lengthOfRegion + ? profile.regions_ukr_display + : `${profile.regions_ukr_display.substring(0, 35)}...` + : ''}
- +
+ element.name).join(', ') + } + placement="bottom" + pointAtCenter={true} + > +
+ +
+
+
+
+
+ {profile.logo_image ? ( + Logo + ) : ( + + )} +
+
+ +
+ +
-
-
- {profile.logo_image ? ( - Logo - ) : ( - - )} -
-
-
); } diff --git a/FrontEnd/src/components/CompanyCard/CompanyCard.module.css b/FrontEnd/src/components/CompanyCard/CompanyCard.module.css index 593c6529c..44a38ae2f 100644 --- a/FrontEnd/src/components/CompanyCard/CompanyCard.module.css +++ b/FrontEnd/src/components/CompanyCard/CompanyCard.module.css @@ -180,3 +180,9 @@ .company-card__buttons:hover { cursor: pointer; } + +.company-card__star { + position: absolute; + margin-left: 320px; + margin-top: -35px; +} \ No newline at end of file diff --git a/FrontEnd/src/components/MiniComponents/StarForLike.module.css b/FrontEnd/src/components/MiniComponents/StarForLike.module.css index f06b39487..c71b2d7e1 100644 --- a/FrontEnd/src/components/MiniComponents/StarForLike.module.css +++ b/FrontEnd/src/components/MiniComponents/StarForLike.module.css @@ -1,4 +1,4 @@ .star { color: #ffd800; font-size: 24px; -} +} \ No newline at end of file diff --git a/FrontEnd/src/components/ProfileDetail/DetailedInfo/DataContacts.module.css b/FrontEnd/src/components/ProfileDetail/DetailedInfo/DataContacts.module.css index 3d41963af..3b3704405 100644 --- a/FrontEnd/src/components/ProfileDetail/DetailedInfo/DataContacts.module.css +++ b/FrontEnd/src/components/ProfileDetail/DetailedInfo/DataContacts.module.css @@ -26,8 +26,8 @@ .data-block__field { display: flex; - height: 32px; - align-items: center; + min-height: 32px; + align-items: self-start; gap: 8px; }