minor cosmetic changes

2026/liberal-arts-decline-src/index.html

@@ -4,13 +4,13 @@
         <meta charset="UTF-8" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
         <title>
-            The Decline of the Liberal Arts at Chicago, by the Numbers
+            The Decline of the Liberal Arts at UChicago, by the Numbers
         </title>
         <link rel="icon" type="image/png" href="/maroon_logo_m_white.svg" />
 
         <meta
             property="og:title"
-            content="The Decline of the Liberal Arts at Chicago"
+            content="The Decline of the Liberal Arts at UChicago"
         />
         <meta
             property="og:image"

2026/liberal-arts-decline-src/src/components/ArticleContent.jsx

@@ -145,7 +145,7 @@ export default function ArticleContent({ windowHeight, windowWidth }) {
             <ArticleSection paragraphs={section1.slice(0, 9)} />
 
             {/* Penn comparison chart (mentioned at end of section 1) */}
-            <figure className="my-16 flex flex-col items-start max-w-3xl mx-auto px-2 sm:px-8">
+            <figure className="mt-24 mb-16 flex flex-col items-start max-w-3xl mx-auto px-2 sm:px-8">
                 <div className="w-full">
                     <Penn />
                 </div>
@@ -291,7 +291,7 @@ export default function ArticleContent({ windowHeight, windowWidth }) {
             <ArticleSection paragraphs={section4.slice(2, 8)} />
 
             {/* Share of students vs share of degrees chart */}
-            <figure className="my-4 flex flex-col items-start max-w-6xl mx-auto px-2 sm:px-8">
+            <figure className="my-16 flex flex-col items-start max-w-6xl mx-auto px-2 sm:px-8">
                 <div className="w-full">
                     <SocialSciencesHumanities />
                 </div>
@@ -348,7 +348,7 @@ export default function ArticleContent({ windowHeight, windowWidth }) {
                 header={section6Header}
                 paragraphs={section6.slice(0, -1)}
             />
-            <section className="max-w-2xl mx-auto px-4 my-12">
+            <section className="max-w-2xl mx-auto px-4 mb-12">
                 <p className="text-lg leading-relaxed mb-5 font-serif font-normal">
                     <span
                         dangerouslySetInnerHTML={{
@@ -358,7 +358,7 @@ export default function ArticleContent({ windowHeight, windowWidth }) {
                     <img
                         src="maroon_logo_m_black.svg"
                         alt=""
-                        className="inline h-[0.85em] w-auto ml-[1px] align-text-bottom"
+                        className="inline h-[0.85em] w-auto ml-2 align-text-bottom"
                     />
                 </p>
             </section>
@@ -368,7 +368,7 @@ export default function ArticleContent({ windowHeight, windowWidth }) {
                 <p className="text-sm">
                     Editor’s note: Elizabeth Eck previously served as an
                     associate Arts editor for the{' '}
-                    <span className="italic">Maroon</span>.
+                    <span className="not-italic">Maroon</span>.
                 </p>
                 <p className="text-sm mt-2">
                     The version of this article published in the May 20 print

2026/liberal-arts-decline-src/src/components/Footer.jsx

@@ -21,7 +21,7 @@ export default function Credits() {
     const [showMethods, setShowMethods] = useState(false);
 
     return (
-        <div className="w-[90%] md:w-[80%] mx-auto">
+        <div className="max-w-2xl mx-auto px-4">
             <div className="w-full h-[3px] bg-black rounded-md" />
             <div className="py-5">
                 <p

2026/liberal-arts-decline-src/src/components/Header.jsx

@@ -51,7 +51,8 @@ const Headline = ({ windowWidth, windowHeight }) => {
                                 ? '2.3em'
                                 : '2.8em'
                             : '3.2em',
-                    lineHeight: windowHeight < 800 ? '1.2em' : '1.1em'
+                    lineHeight: windowHeight < 800 ? '1.2em' : '1.1em',
+                    fontFamily: 'Georgia, serif'
                 }}
                 dangerouslySetInnerHTML={{
                     __html: windowWidth < 640 ? headlinesm : headlinelg
@@ -86,8 +87,8 @@ const Subhead = ({ windowWidth }) => {
 const Byline = ({ windowWidth }) => {
     return (
         <div
-            className="px-3 sm:px-12 mx-auto relative text-[black] w-[90vw]
-             top-[100vh] z-[20]"
+            className="mx-auto relative text-[black] w-[90vw]
+             top-[100vh] z-[20] text-center"
         >
             {byline.map((text, index) => (
                 <p

2026/liberal-arts-decline-src/src/components/chartMobile.js

@@ -37,6 +37,7 @@ export const setChartTitleLines = (
         .attr('fill', 'black')
         .attr('font-family', 'Georgia, serif')
         .attr('font-size', fontSize(windowWidth))
+        .attr('text-anchor', 'middle')
         .text(null)
         .selectAll('tspan')
         .remove();

2026/liberal-arts-decline-src/src/components/english_polisci_chart.jsx

@@ -112,7 +112,7 @@ export default function AriChart({
 
         // Chart title
         setChartTitleLines(svg.append('text'), windowWidth, {
-            x: margin.left,
+            x: (margin.left + width - margin.right) / 2,
             y: margin.top - 55,
             lines: [
                 'UChicago Students in Select',

2026/liberal-arts-decline-src/src/components/major_chart.jsx

@@ -54,7 +54,7 @@ export default function MajorChart({
         }
 
         setChartTitleLines(svg.select('.chart-title'), windowWidth, {
-            x: margin.left,
+            x: (margin.left + width - margin.right) / 2,
             y: margin.top - 45,
             lines: ['Share of UChicago', 'Majors']
         });

2026/liberal-arts-decline-src/src/components/penn_chart.jsx

@@ -11,8 +11,8 @@ import {
 export default function PennChart({
     data,
     width = 750,
-    height = 400,
-    margin = { top: 80, right: 50, bottom: 30, left: 70 }
+    height = 420,
+    margin = { top: 100, right: 50, bottom: 30, left: 70 }
 }) {
     const svgRef = useRef();
     const windowWidth = useWindowWidth();
@@ -109,7 +109,7 @@ export default function PennChart({
 
         // Chart title
         setChartTitleLines(svg.append('text'), windowWidth, {
-            x: margin.left,
+            x: (margin.left + width - margin.right) / 2,
             y: margin.top - 115,
             lines: [
                 'Percentage of Students with Business,',

2026/liberal-arts-decline-src/src/components/socialhum_chart.jsx

@@ -117,7 +117,7 @@ export default function SocialHumChart({
 
         // Chart title
         setChartTitleLines(svg.append('text'), windowWidth, {
-            x: margin.left,
+            x: (margin.left + width - margin.right) / 2,
             y: margin.top - 45,
             lines: [title],
             fontSize: getSocialHumTitleFontSize

2026/liberal-arts-decline-src/src/components/substitution_chart.jsx

@@ -132,7 +132,7 @@ export default function SubstitutionChart({
 
         // Chart title
         setChartTitleLines(svg.append('text'), windowWidth, {
-            x: margin.left,
+            x: (margin.left + width - margin.right) / 2,
             y: margin.top - 65,
             lines: ['Percentage of Students by', 'Field of Study at UChicago']
         });