From 2500779499f9ced2f2bc34a0e3ce71d06358c4f9 Mon Sep 17 00:00:00 2001
From: Luccas Mateus de Medeiros Gomes <luccasmmg@gmail.com>
Date: Thu, 1 Jun 2023 10:30:17 -0300
Subject: [PATCH] [examples/538][m] - changes requested by anu

---
 .../fivethirtyeight/pages/datasets/[datasetName].tsx     | 9 ++++-----
 examples/fivethirtyeight/styles/globals.css              | 4 ++++
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/examples/fivethirtyeight/pages/datasets/[datasetName].tsx b/examples/fivethirtyeight/pages/datasets/[datasetName].tsx
index 7c8823b8..93f23eec 100644
--- a/examples/fivethirtyeight/pages/datasets/[datasetName].tsx
+++ b/examples/fivethirtyeight/pages/datasets/[datasetName].tsx
@@ -32,10 +32,10 @@ export default function DatasetPage({
     <>
       <NextSeo title={`${dataset.name} page`} />
       <Layout>
-        <main className="max-w-5xl px-2 prose mx-auto my-8 prose-thead:border-b-4 prose-table:max-w-5xl prose-table:overflow-scroll prose-thead:overflow-scroll prose-tbody:overflow-scroll prose-thead:pb-2 prose-thead:border-zinc-900 prose-th:uppercase prose-th:text-left prose-th:font-light prose-th:text-xs prose-a:no-underline">
+        <main className="max-w-5xl px-2 prose mx-auto my-8 pb-8 prose-thead:border-b-4 prose-table:max-w-5xl prose-table:overflow-scroll prose-thead:overflow-scroll prose-tbody:overflow-scroll prose-thead:pb-2 prose-thead:border-zinc-900 prose-th:uppercase prose-th:text-left prose-th:font-light prose-th:text-xs prose-a:no-underline">
           <Breadcrumbs links={[{ title: dataset.name, href: '' }]} />
           <h1 className="uppercase mb-0 mt-16">{dataset.name}</h1>
-          <table className="w-full my-10 mb-4 hidden md:table">
+          <table className="w-full my-10 mb-8 hidden md:table">
             <thead className="border-b-4 pb-2 border-zinc-900">
               <tr>
                 <th className="uppercase text-left font-normal text-xs pb-3">
@@ -53,7 +53,6 @@ export default function DatasetPage({
 
           {dataset.readme && (
             <>
-              <h1 className="uppercase font-black mt-10">Readme</h1>
               {dataset.readme && (
                 <ReactMarkdown
                   remarkPlugins={[
@@ -68,7 +67,7 @@ export default function DatasetPage({
             </>
           )}
 
-          <h2 className="mb-0 mt-10">FILES</h2>
+          <h2 className="mb-0 mt-10">Files</h2>
           <div className="inline-block min-w-full py-2 align-middle">
             <table className="min-w-full divide-y divide-gray-300">
               <thead className="border-b-4 pb-2 border-zinc-900">
@@ -118,7 +117,7 @@ export default function DatasetPage({
           </div>
           {dataset.files && dataset.files.length > 0 && (
             <>
-              <h2 className="mb-0 mt-10">DATA PREVIEWS</h2>
+              <h2 className="mb-0 mt-8">Data Previews</h2>
               {dataset.files?.map((file) => (
                 <div
                   key={file}
diff --git a/examples/fivethirtyeight/styles/globals.css b/examples/fivethirtyeight/styles/globals.css
index 3f659eae..b967a9f6 100644
--- a/examples/fivethirtyeight/styles/globals.css
+++ b/examples/fivethirtyeight/styles/globals.css
@@ -5,3 +5,7 @@
 .preview-table > div {
   overflow-y: hidden;
 }
+
+.prose h1 {
+  font-size: 1.5em !important;
+}