larger hovers on lectures

src/app/course/[courseName]/calendar/day/DayTitle.tsx

@@ -52,7 +52,18 @@ export function DayTitle({ day, dayAsDate }: { day: string; dayAsDate: Date }) {
       <ClientOnly>
         {(lectureName?.length ?? 0) > 0 && (
           <Tooltip
-            message={lectureName}
+            message={
+              <div>
+                {lectureName}
+                {todaysLecture?.content && (
+                  <>
+                    <pre>
+                      <code>{todaysLecture?.content}</code>
+                    </pre>
+                  </>
+                )}
+              </div>
+            }
             targetRef={linkRef}
             visible={tooltipVisible}
           />

src/app/course/[courseName]/modules/[moduleName]/quiz/[quizName]/EditQuiz.tsx

@@ -62,7 +62,9 @@ short answer
 ---
 this is a matching question
 ^ left answer - right dropdown
-^ other thing -  another option`;
+^ other thing -  another option
+^ - distractor
+^ - other distractor`;
 };
 
 export default function EditQuiz({

src/components/Tooltip.tsx

@@ -20,6 +20,7 @@ export const Tooltip: React.FC<{
         " rounded-md py-1 px-2 " +
         " transition-all duration-400 " +
         " border border-slate-700 shadow-[0px_0px_10px_5px] shadow-slate-500/20 " +
+        " max-w-sm max-h-64 overflow-hidden " +
         (visible ? "  " : " hidden -z-50 ")
       }
       role="tooltip"