fixing create item styling escaping

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

@@ -74,6 +74,7 @@ export function DayTitle({ day, dayAsDate }: { day: string; dayAsDate: Date }) {
         modalControl={modal}
         buttonText="+"
         buttonClass="unstyled hover:font-bold hover:scale-125 px-1 mb-auto mt-0 pt-0"
+        modalWidth="w-135"
       >
         {({ closeModal }) => (
           <div>

src/app/course/[courseName]/modules/ExpandableModule.tsx

@@ -102,7 +102,11 @@ export default function ExpandableModule({
             )}
           >
             <>
-              <Modal modalControl={modal} buttonText="New Item">
+              <Modal
+                modalControl={modal}
+                buttonText="New Item"
+                modalWidth="w-135"
+              >
                 {({ closeModal }) => (
                   <div>
                     <NewItemForm

src/app/course/[courseName]/modules/NewItemForm.tsx

@@ -156,6 +156,7 @@ export default function NewItemForm({
           getName={(o) => o?.toString() ?? ""}
           setSelectedOption={(t) => setType(t ?? "Assignment")}
           selectedOption={type}
+          label="Type"
         />
       </div>
       <div>
@@ -168,6 +169,7 @@ export default function NewItemForm({
             getName={(g) => g?.name ?? ""}
             setSelectedOption={setAssignmentGroup}
             selectedOption={assignmentGroup}
+            label="Assignment Group"
           />
         )}
       </div>

src/components/ButtonSelect.tsx

@@ -5,26 +5,32 @@ export default function ButtonSelect<T>({
   getName,
   setSelectedOption,
   selectedOption,
+  label
 }: {
   options: T[];
   getName: (value: T | undefined) => string;
   setSelectedOption: (value: T | undefined) => void;
   selectedOption: T | undefined;
+  label: string;
 }) {
   return (
-    <div className="flex flex-row gap-3">
+    <div>
+      <label>{label}</label>
+      <div  className="flex flex-row gap-3 flex-wrap">
+
       {options.map((o) => (
         <button
-          type="button"
-          key={getName(o)}
-          className={
-            getName(o) === getName(selectedOption) ? "  " : "unstyled btn-outline"
-          }
-          onClick={() => setSelectedOption(o)}
+        type="button"
+        key={getName(o)}
+        className={
+          getName(o) === getName(selectedOption) ? "  " : "unstyled btn-outline"
+        }
+        onClick={() => setSelectedOption(o)}
         >
           {getName(o)}
         </button>
       ))}
+      </div>
     </div>
   );
 }

src/services/serverFunctions/router/canvasFileRouter.ts

@@ -24,6 +24,7 @@ export const canvasFileRouter = router({
 
       if (!success) {
         console.log("could not download file, returning sourceUrl", sourceUrl);
+        // make a toast or some other way of notifying the user
         return sourceUrl;
       }
       console.log("local temp file", localFile);