improving navigation

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

@@ -87,8 +87,8 @@ export default function ExpandableModule({
                 role="button"
                 onClick={() => setIsExpanded((e) => !e)}
               >
-                <div>{moduleName}</div>
-                <div className="flex flex-row">
+                <div className="flex-1">{moduleName}</div>
+                <div className=" flex flex-row justify-end">
                   <ClientOnly>
                     <ModuleCanvasStatus moduleName={moduleName} />
                   </ClientOnly>

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

@@ -14,7 +14,7 @@ export function ModuleCanvasStatus({ moduleName }: { moduleName: string }) {
 
   return (
     <div className="text-slate-400 text-end">
-      {!canvasModule && <div>Not in Canvas</div>}
+      {!canvasModule && <div className="text-rose-400">Not in Canvas</div>}
       {!canvasModule && (
         <button
           disabled={addToCanvas.isPending}