From fc8eb95dbcd63f079c9749f0e559c09f2219d94d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jo=C3=A3o=20Demenech?= <joao.demenech@datopian.com>
Date: Thu, 1 Jun 2023 10:19:39 -0300
Subject: [PATCH] Open Spending: minor improvements (#918)

* [examples/openspending][xs]: center align footer and make file previews wider

* Run prettier

---------

Co-authored-by: deme <deme@deme>
---
 .../components/_shared/Footer.tsx             | 11 ++++------
 .../pages/@org/[org]/[project].tsx            | 20 ++++++++++---------
 2 files changed, 15 insertions(+), 16 deletions(-)

diff --git a/examples/openspending/components/_shared/Footer.tsx b/examples/openspending/components/_shared/Footer.tsx
index ab06e7d6..3523fa2a 100644
--- a/examples/openspending/components/_shared/Footer.tsx
+++ b/examples/openspending/components/_shared/Footer.tsx
@@ -4,21 +4,18 @@ export default function Footer() {
   return (
     <footer>
       <div className="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8 flex flex-col items-center justify-between md:flex-row">
-        <div className="flex gap-x-2 items-center">
+        <div className="flex gap-x-2 items-center mx-auto">
           <p className="mt-8 text-base text-slate-500 md:mt-0">Maintained by</p>
-          <a href="https://www.datopian.com/">
+          <a href="https://www.datopian.com/" target="_blank">
             <Image
               alt="Datopian logo"
               className="mb-2"
               src="/datopian-logotype.png"
-              width={160}
-              height={40}
+              width={120}
+              height={30}
             />
           </a>
         </div>
-        <p className="mt-6 text-base text-slate-500 md:mt-0">
-          Copyright © 2023 Datopian, LLC. All rights reserved.
-        </p>
       </div>
     </footer>
   );
diff --git a/examples/openspending/pages/@org/[org]/[project].tsx b/examples/openspending/pages/@org/[org]/[project].tsx
index f2c892f2..57c88957 100644
--- a/examples/openspending/pages/@org/[org]/[project].tsx
+++ b/examples/openspending/pages/@org/[org]/[project].tsx
@@ -184,7 +184,7 @@ export default function ProjectPage({
             return (
               <div key={file.name}>
                 {file.path && (
-                  <>
+                  <div className="lg:ml-[calc(50%-37vw)] lg:w-[74vw]">
                     <h4>
                       {file.name}
                       {file.format ? `.${file.format}` : ''}
@@ -192,14 +192,16 @@ export default function ProjectPage({
                     {file.bytes >= 5132288 && (
                       <span>Previewing 5MB out of {size}</span>
                     )}
-                    <FlatUiTable
-                      url={
-                        file.path.startsWith('http')
-                          ? file.path
-                          : `https://raw.githubusercontent.com/${project.owner.name}/${project.repo.name}/main/${file.path}`
-                      }
-                    />
-                  </>
+                    <div className="mt-5">
+                      <FlatUiTable
+                        url={
+                          file.path.startsWith('http')
+                            ? file.path
+                            : `https://raw.githubusercontent.com/${project.owner.name}/${project.repo.name}/main/${file.path}`
+                        }
+                      />
+                    </div>
+                  </div>
                 )}
               </div>
             );