diff --git a/FrontEnd/src/components/CompanyCard/CompanyCard.jsx b/FrontEnd/src/components/CompanyCard/CompanyCard.jsx
index 98c0d8e8..28a4873a 100644
--- a/FrontEnd/src/components/CompanyCard/CompanyCard.jsx
+++ b/FrontEnd/src/components/CompanyCard/CompanyCard.jsx
@@ -98,33 +98,34 @@ export default function CompanyCard({
)}
-
-
- {activitiesSliceString}
-
-
+
+
+ {activitiesSliceString}
+
+
+
{profile.name}
+
+
+ {regions
+ ? regions.length < lengthOfRegion
+ ? regions
+ : `${regions.substring(0, 35)}...`
+ : ''}
+
+
-
-
- {regions
- ? regions.length < lengthOfRegion
- ? regions
- : `${regions.substring(0, 35)}...`
- : ''}
-
-
+
@@ -157,14 +164,6 @@ export default function CompanyCard({
)}
-
-
-
);
}
diff --git a/FrontEnd/src/components/CompanyCard/CompanyCard.module.css b/FrontEnd/src/components/CompanyCard/CompanyCard.module.css
index 2e0ca6f8..e9c4ed65 100644
--- a/FrontEnd/src/components/CompanyCard/CompanyCard.module.css
+++ b/FrontEnd/src/components/CompanyCard/CompanyCard.module.css
@@ -54,11 +54,13 @@
.company-card__text-block {
width: 345px;
- height: 177px;
+ height: 181px;
display: flex;
flex-direction: column;
align-items: flex-start;
- justify-content: space-around;
+ box-sizing: border-box;
+ gap: 16px;
+ padding: 16px;
border-radius: 0 0 12px 12px;
}
@@ -66,7 +68,7 @@
display: flex;
flex-direction: column;
align-items: flex-start;
- gap: 12px;
+ gap: 16px;
}
.company-card__category-text {
@@ -78,14 +80,11 @@
font-weight: 700;
line-height: 120%;
text-align: left;
- padding-left: 16px;
- padding-top: 6px;
max-width: 262px;
height: 35px;
}
.company-card__name-text {
- height: 44px;
color: var(--companies-card-text-color);
font-family: var(--font-logo);
font-size: 20px;
@@ -94,7 +93,6 @@
line-height: 120%;
text-transform: uppercase;
text-align: left;
- padding-left: 16px;
overflow: hidden;
}
@@ -109,22 +107,22 @@
line-height: 20px;
letter-spacing: -0.14px;
text-align: left;
- padding-left: 16px;
+ margin-top: -8px;
}
.company-card__footer_content {
+ width: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;
- padding-left: 13px;
- padding-bottom: 2px;
}
.company-card__badges_block {
- height: 25px;
+ height: 30px;
display: inline-block;
overflow: hidden;
- padding-bottom: 6px;
+ max-width: 272px;
+ margin-left: -5px;
}
.company-card__badge-text {
@@ -158,12 +156,6 @@
object-fit: cover;
}
-.company-card__star {
- position: absolute;
- left: 296px;
- bottom: 13px;
-}
-
@media only screen and (min-width: 1200px) {
.company-card,