Fix alignment on the projects page.

QuantStack · Oct 13, 2024 · 733af5e · 733af5e
1 parent a48df42
commit 733af5e
Show file tree

Hide file tree

Showing 5 changed files with 14 additions and 11 deletions.
diff --git a/.github/workflows/static.yml b/.github/workflows/static.yml
@@ -51,4 +51,4 @@ jobs:
     steps:
       - name: Deploy to GitHub Pages
         id: deployment
-        uses: actions/deploy-pages@v4
+        uses: actions/deploy-pages@v4
diff --git a/src/components/home/WhatWeDo/styles.module.css b/src/components/home/WhatWeDo/styles.module.css
@@ -27,9 +27,15 @@ div .topics_header {
 
   .topics_card {
     width: 100%;
-    padding: var(--ifm-spacing-2xl) var(--ifm-spacing-lg);
+    padding: var(--ifm-spacing-lg) var(--ifm-spacing-lg);
+    text-align: justify;
+  }
+
+  .topics_card .p {
+    padding: var(--ifm-spacing-lg) var(--ifm-spacing-lg);
   }
 
+
   .services_link_desktop {
     display: none;
    }

diff --git a/src/components/projects/ProjectCard.tsx b/src/components/projects/ProjectCard.tsx
@@ -5,7 +5,7 @@ export default function ProjectCard({ project }): JSX.Element {
   const base = `${prefix}${project.name}` 
   return (
     <div className="container">
-      <div className="row row--no-gutters horizontally-centered">
+      <div className="row row--no-gutters">
         <div
           className={"col col--6 col" + " " + styles.project_text}
         >

diff --git a/src/components/projects/styles.module.css b/src/components/projects/styles.module.css
@@ -45,10 +45,10 @@ div .project_title {
     letter-spacing: 0.25px;
     text-align: center;
     margin-bottom: var(--ifm-spacing-lg);
-    padding: var(--ifm-spacing-lg) var(--ifm-spacing-2xl);
+    padding: var(--ifm-spacing-lg) var(--ifm-spacing-xl);
   }
 
-  .col_project_text p {
+  .project_text {
     background-color: white;
     text-align: center;
   }
@@ -94,10 +94,6 @@ div .project_title {
     padding: var(--ifm-spacing-lg) var(--ifm-spacing-4xl);
   }
 
-  .header_text p {
-    text-align: justify;
-  }
-
   .project_text {
     background-color: var(--ifm-color-orange-light);
     padding: var(--ifm-spacing-4xl) var(--ifm-spacing-3xl);

diff --git a/src/css/custom.css b/src/css/custom.css
@@ -92,6 +92,7 @@
 
 ul {
   padding-left: 0;
+  margin-left:0;
 }
 
 ul.row {
@@ -215,7 +216,7 @@ ul.row {
     line-height: 150%;
     line-height: 20px;
     letter-spacing: 0.25px;
-    text-align: center;
+    padding: 0 var(--ifm-spacing-lg) 
   }
 
   li {
@@ -648,4 +649,4 @@ a.menu__link:active {
   list-style-type: none;
   padding: none;
   width: 100%;
-}
+}