Take comments into account and fix various issues.

Author: HaudinFlorence

src/components/fundable/MenuSideBar.tsx

@@ -4,7 +4,7 @@ import styles from "./styles.module.css";
 
 const sections = [
   { id: 'jupyter-ecosystem', label: 'Jupyter Ecosystem' },
-  { id: 'project-management', label: 'Project Management' },
+  { id: 'package-management', label: 'Package Management' },
 ];
 
 export default function MenuSideBar() {

src/components/fundable/SmallProjectCard.tsx

@@ -47,9 +47,6 @@ export function SmallProjectCard({ project }) {
                   </div>
                 </div>
               </div>
-              <div>
-                <LinkToMoreInformation label={"Read more"} pageName={project.pageName} />
-              </div>
               <div className={styles.project_information_container}>
                 <div className="flex-full-centered">
                   <BlueCaretIcon />
@@ -79,8 +76,8 @@ export function SmallProjectCard({ project }) {
                 Indicative price
               </div>
               <div>
-                <div className={styles.small_project_card_financed_at_text}>
-                  Financed at {project.currentFundingPercentage} %
+                <div className={styles.small_project_card_funded_at_text}>
+                  Funded at {project.currentFundingPercentage} %
                 </div>
                 <div>
                   <ProgressBar value={project.currentFundingPercentage} color={'var(--ifm-color-secondary-s1'} />
@@ -97,7 +94,7 @@ export function SmallProjectCard({ project }) {
                   <div><DollarIcon width="35px" height="26px" /></div>
                   <div className={styles.shareable_text}>
                     {project.currentNbOfFunders === 0
-                      ? 'The project is not supported yet'
+                      ? 'This project does not have any backers yet'
                       : `Supported by ${project.currentNbOfFunders} 
                    ${project.currentNbOfFunders === 1 ? 'funder' : 'funders'}
                     `}

src/components/fundable/styles.module.css

@@ -88,7 +88,9 @@
 }
 
 .large_project_card_description_container {
-  background-color: #F1F1F1
+  background-color: #F1F1F1;
+  text-align: justify;
+  padding: var(--ifm-spacing-md);
 }
 
 .large_project_card_description p {
@@ -242,7 +244,7 @@
   text-transform: uppercase;
 }
 
-.small_project_card_financed_at_text {
+.small_project_card_funded_at_text {
   font-family: var(--ifm-font-family-roboto);
   font-size: var(--ifm-font-size-small);
   font-style: normal;
@@ -335,9 +337,10 @@
   .large_project_card {
     width: 90vw;
     padding: var(--ifm-spacing-xl);
-    overflow-y: auto;
     border-radius: 8px;
     padding: var(--ifm-spacing-xl) var(--ifm-spacing-xl);
+    overflow-y: auto;
+    max-height: 95vh;
   }
 
   .small_input {
@@ -356,6 +359,7 @@
     width: 90vw;
     padding: 40px;
     overflow-y: auto;
+    max-height: 95vh;
   }
 
   .get_a_quote_text_col_desktop {
@@ -396,16 +400,17 @@
   .large_project_card {
     width: 80vw;
     padding: 40px;
-    overflow-y: auto;
     border-radius: 8px;
     padding: var(--ifm-spacing-xl) var(--ifm-spacing-xl);
+    overflow-y: auto;
+    max-height: 95vh;
   }
 
   .main_area_desktop {
     display: none
   }
 
-    .small_input {
+  .small_input {
     width: 400px;
     height: 56px;
     border-radius: 4px;
@@ -421,10 +426,11 @@
     display: none
   }
 
-    .get_a_quote_dialog {
+  .get_a_quote_dialog {
     width: 80vw;
     padding: 40px;
     overflow-y: auto;
+    max-height: 95vh;
   }
 
   .get_a_quote_text_col_desktop {
@@ -455,10 +461,11 @@
   }
 
   .large_project_card {
-    width: 1000px;
+    width: 800px;
     padding: 40px;
-    overflow-y: auto;
     border-radius: 8px;
+    overflow-y: auto;
+    max-height: 95vh;
   }
 
   .main_area_mobile {
@@ -487,6 +494,7 @@
     width: 90vw;
     padding: 40px;
     overflow-y: auto;
+    max-height: 95vh;
   }
 
   .get_a_quote_form_col_mobile {