more shallow links

src/app/course/[courseName]/lecture/[lectureDay]/EditLectureTitle.tsx

@@ -18,7 +18,11 @@ export default function EditLectureTitle({
   return (
     <div className="flex justify-between sm:flex-row flex-col">
       <div className="my-auto">
-        <Link className="btn hidden sm:inline" href={getCourseUrl(courseName)}>
+        <Link
+          className="btn hidden sm:inline"
+          href={getCourseUrl(courseName)}
+          shallow={true}
+        >
           {courseName}
         </Link>
       </div>
@@ -33,6 +37,7 @@ export default function EditLectureTitle({
         <Link
           className="btn inline text-center flex-grow m-1"
           href={getLecturePreviewUrl(courseName, lectureDay)}
+          shallow={true}
         >
           preview
         </Link>

src/app/course/[courseName]/lecture/[lectureDay]/LecturePreview.tsx

@@ -12,7 +12,7 @@ export default function LecturePreview({ lecture }: { lecture: Lecture }) {
       </section>
       <section>
         <div
-          className="markdownPreview text-xl"
+          className="markdownPreview "
           dangerouslySetInnerHTML={{
             __html: markdownToHTMLSafe(lecture.content, settings),
           }}

src/app/globals.css

@@ -128,6 +128,17 @@ select {
 .markdownPreview a {
   @apply text-blue-500 hover:text-blue-600 font-bold underline;
 }
+.markdownPreview li {
+  @apply leading-tight;
+}
+
+.markdownPreview p:has(+ul) {
+  @apply mb-0 m-0;
+}
+
+.markdownPreview ul, .markdownPreview ol {
+  @apply mb-1;
+}
 
 .draggingDay {
   @apply h-full transition-all duration-500;