From a415f673becbbacc5a3a77e55cc37986f0cc594e Mon Sep 17 00:00:00 2001
From: wodeni <wn2155@columbia.edu>
Date: Sun, 29 Dec 2024 16:34:43 -0500
Subject: [PATCH] chore: more styling changes to notes

---
 src/components/Note.tsx | 2 +-
 tailwind.config.js      | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Note.tsx b/src/components/Note.tsx
index 95c62a9..6f33d92 100644
--- a/src/components/Note.tsx
+++ b/src/components/Note.tsx
@@ -12,7 +12,7 @@ export default function ({ note }: { note: NoteEntry }) {
         <Socials className="mt-8" />
         <Tabs />
       </div>
-      <main className="note-content prose lg:prose-xl dark:prose-invert max-w-screen-lg p-4 md:col-span-3">
+      <main className="note-content prose lg:prose-xl dark:prose-invert max-w-screen-lg px-2 py-4 md:col-span-3">
         <div className="mb-8">
           <h1 className="text-bold text-3xl">
             {note.frontmatter?.title ?? ""}
diff --git a/tailwind.config.js b/tailwind.config.js
index cb629b8..f38d4f2 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -51,7 +51,7 @@ module.exports = {
           },
           // Nested p
           p: {
-            "@apply mt-0 mb-4": {},
+            "@apply mt-0 mb-4 text-wrap break-words": {},
           },
           // Nested blockquote
           blockquote: {