layout fixes

uchicago-dsi · Aug 8, 2024 · b2b0587 · b2b0587
1 parent 0dfa19a
commit b2b0587
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 9 deletions.
diff --git a/components/Footer/Renderer.tsx b/components/Footer/Renderer.tsx
@@ -23,7 +23,7 @@ export const FooterRenderer: React.FC<FooterProps> = ({ nav, content }) => {
       </div>
       <div className="bg-white/25">
         {/* horizontal ul of nav.data.links */}
-        <ul className="flex list-none space-x-4 py-2 pl-4 text-white ">
+        <ul className="list-none columns-2 py-2 pl-4 text-white lg:flex lg:columns-1 lg:space-x-4">
           {nav.data.nav.links.map((link: any) => (
             <li key={link.title}>
               <a href={link.path} className="text-white">

diff --git a/components/ReportLayout/ReportRenderer.tsx b/components/ReportLayout/ReportRenderer.tsx
@@ -77,7 +77,7 @@ export const ReportRenderer: React.FC<{
       )}
       <div className="mt-8 grid gap-8 lg:grid-cols-4">
         {/* first grid col */}
-        <div className="prose sticky top-0 col-span-1 h-min bg-white/50 p-4 shadow-xl">
+        <div className="prose top-0 col-span-1 hidden h-min bg-white/50 p-4 shadow-xl lg:sticky">
           <h3>Report Sections</h3>
           <ul className="list-disc pl-6">
             <SectionScroll sections={Sections} />

diff --git a/components/StatefulControls/PlaceSearch.tsx b/components/StatefulControls/PlaceSearch.tsx
@@ -12,12 +12,14 @@ export const PlaceSearch = () => {
   }
 
   return (
-    <AutoComplete
-      dataCallback={fetchData}
-      listTitleProperty="NAME"
-      placeholder="Search for a state, county, or census tract ID"
-      // onFocusValue={"Cook"}
-      onClick={onClick}
-    />
+    <span className="not-prose">
+      <AutoComplete
+        dataCallback={fetchData}
+        listTitleProperty="NAME"
+        placeholder="Search for a state, county, or census tract ID"
+        // onFocusValue={"Cook"}
+        onClick={onClick}
+      />
+    </span>
   )
 }