link arrow, star for saving adjustments

ita-social-projects · Nov 1, 2024 · 056be7d · 056be7d
1 parent 3c5c461
commit 056be7d
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 7 deletions.
diff --git a/FrontEnd/src/components/CompanyCard/CompanyCard.module.css b/FrontEnd/src/components/CompanyCard/CompanyCard.module.css
@@ -54,7 +54,7 @@
   display: flex;
   flex-direction: column;
   align-items: flex-start;
-  justify-content: space-between;
+  justify-content: space-around;
   border-radius: 0 0 12px 12px;
   background: var(--company-card-color);
 }
@@ -127,6 +127,7 @@
   height: 25px;
   display: inline-block;
   overflow: hidden;
+  padding-bottom: 6px;
 }
 
 .company-card__badge-text {
@@ -185,5 +186,5 @@
 .company-card__star {
   position: absolute;
   margin-left: 266px;
-  margin-top: -55px;
+  margin-top: -38px;
 }
diff --git a/FrontEnd/src/pages/LandingPage/Companies/Companies.jsx b/FrontEnd/src/pages/LandingPage/Companies/Companies.jsx
@@ -50,7 +50,7 @@ const MainCompanies = ({ isAuthorized }) => {
     }
   }, [newMembers, companylist, searchResults]);
   const companyDataList = searchResults;
-  const linkText = windowWidth>500 ? 'Всі підприємства' : 'Всі';
+  const linkText = windowWidth > 500 ? 'Всі підприємства' : 'Всі';
 
   return (
     <div className={styles['new-companies-main']}>
@@ -60,9 +60,14 @@ const MainCompanies = ({ isAuthorized }) => {
         </h2>
         <div className={styles['new-companies-link-to-all']}>
           <Link to="profiles/companies">
-            <p>{linkText}<svg width="16" height="15" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg">
-              <path d="M0.768024 7.90895L12.5223 7.90895L5.487 14.0161C5.3745 14.1145 5.4428 14.2973 5.59146 14.2973L7.36936 14.2973C7.44771 14.2973 7.52204 14.2692 7.5803 14.219L15.172 7.63172C15.2416 7.57145 15.2973 7.49694 15.3356 7.41323C15.3738 7.32953 15.3936 7.23858 15.3936 7.14657C15.3936 7.05455 15.3738 6.96361 15.3356 6.8799C15.2973 6.79619 15.2416 6.72168 15.172 6.66141L7.53611 0.0339549C7.50597 0.00783851 7.46981 -0.00622437 7.43164 -0.00622437L5.59347 -0.00622454C5.44481 -0.00622455 5.37651 0.178598 5.48901 0.275025L12.5223 6.38217L0.768024 6.38217C0.679632 6.38217 0.60731 6.45449 0.60731 6.54288L0.60731 7.74824C0.60731 7.83663 0.679632 7.90895 0.768024 7.90895Z" fill="black" fillOpacity="0.85" />
-            </svg>
+            <p>{linkText}
+              <svg width="22" height="15" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0.768024 7.90895L12.5223 7.90895L5.487 14.0161C5.3745 14.1145 5.4428 14.2973 5.59146 14.2973L7.36936 14.2973C7.44771 14.2973 7.52204 14.2692 7.5803 14.219L15.172 7.63172C15.2416 7.57145 15.2973 7.49694 15.3356 7.41323C15.3738 7.32953 15.3936 7.23858 15.3936 7.14657C15.3936 7.05455 15.3738
+                6.96361 15.3356 6.8799C15.2973 6.79619 15.2416 6.72168 15.172 6.66141L7.53611 0.0339549C7.50597 0.00783851 7.46981 -0.00622437 7.43164 -0.00622437L5.59347 -0.00622454C5.44481 -0.00622455 5.37651 0.178598 5.48901 0.275025L12.5223 6.38217L0.768024 6.38217C0.679632 6.38217 0.60731 6.45449 0.60731 6.54288L0.60731
+                 7.74824C0.60731 7.83663 0.679632 7.90895 0.768024 7.90895Z"
+                 fill="black"
+                 fillOpacity="0.85" />
+              </svg>
             </p>
           </Link>
         </div>

diff --git a/FrontEnd/src/pages/LandingPage/Companies/Companies.module.css b/FrontEnd/src/pages/LandingPage/Companies/Companies.module.css
@@ -24,7 +24,7 @@
 }
  .new-companies-link-to-all {
   position: absolute;
-  right: 0px;
+  right: 143px;
   top: 29px
  }