fix: Minor change in spacing

Changed spacing for projects involved in about page and footer section for company address and country
28softwares · Oct 16, 2024 · 5c2538e · 5c2538e
1 parent d09b94b
commit 5c2538e
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 5 deletions.
diff --git a/src/UI/pages/About.tsx b/src/UI/pages/About.tsx
@@ -28,9 +28,9 @@ export const About = () => {
                   <h3 className="text-xl font-semibold">{member.name}</h3>
                   <p className="text-muted-foreground">{member.role}</p>
                   {member.projectsInvolved.length > 0 && (
-                    <div className="mt-4 flex  flex-col space-x-4">
-                      Projects Involved :
-                      <div className="flex gap-1">
+                    <div className="mt-4 flex flex-col space-y-2">
+                      <p>Projects Involved :</p>
+                      <div className="flex gap-2">
                         {member.projectsInvolved.map((project, index) => (
                           <Button variant="secondary" key={index}>
                             {project}

diff --git a/src/UI/pages/Footer.tsx b/src/UI/pages/Footer.tsx
@@ -15,8 +15,9 @@ export const Footer = () => {
 
           <p className="flex gap-2">
             <MapPin className="size-5" />
-            <p>{companyDataConstants.address}</p>,{' '}
-            {companyDataConstants.country}
+            <span>
+              {companyDataConstants.address}, {companyDataConstants.country}
+            </span>
           </p>
         </div>