minor ui updates

globalSettings.yml

@@ -13,3 +13,11 @@ courses:
     name: Telem and Ops
   - path: ./4850_AdvancedFE/2026-spring-alex/modules
     name: Adv Frontend Spring
+  - path: ./1400/2025_spring_alex/modules/
+    name: 1400-old
+  - path: ./1400/2026_spring_alex/modules
+    name: "1400"
+  - path: ./1405/2025_spring_alex/
+    name: 1405 old
+  - path: ./1405/2026_spring_alex
+    name: "1405"

src/app/CourseList.tsx

@@ -64,28 +64,15 @@ function CourseItem({
   const modal = useModal();
 
   return (
-    <div className="flex items-center gap-2">
-      <Link
-        href={getCourseUrl(courseName)}
-        shallow={true}
-        prefetch={true}
-        className="
-          font-bold text-xl block
-          transition-all hover:scale-105 hover:underline hover:text-slate-200
-          mb-3
-        "
-      >
-        {courseName}
-      </Link>
+    <div className="flex items-center justify-start gap-2">
       {isDeleting && (
         <Modal
           modalControl={modal}
-          buttonText="−"
+          buttonText="X"
           buttonClass="
             unstyled
             text-red-200 hover:text-red-400 
-            bg-red-950
-            font-bold text-2xl 
+            bg-red-950/50 hover:bg-red-950/70
             transition-all hover:scale-110
             mb-3
           "
@@ -128,6 +115,18 @@ function CourseItem({
           )}
         </Modal>
       )}
+      <Link
+        href={getCourseUrl(courseName)}
+        shallow={true}
+        prefetch={true}
+        className="
+          font-bold text-xl block
+          transition-all hover:scale-105 hover:underline hover:text-slate-200
+          mb-3
+        "
+      >
+        {courseName}
+      </Link>
     </div>
   );
 }

src/app/addCourse/AddExistingCourseToGlobalSettings.tsx

@@ -16,7 +16,7 @@ export const AddExistingCourseToGlobalSettings = () => {
     <div>
       <div className="flex justify-center">
         <button className="" onClick={() => setShowForm((i) => !i)}>
-          Add Existing Course
+          {showForm ? "Hide Form" : "Import Existing Course"}
         </button>
       </div>
 

src/app/addCourse/AddNewCourse.tsx

@@ -11,7 +11,8 @@ export default function AddCourseToGlobalSettings() {
     <div>
       <div className="flex justify-center">
         <button className="" onClick={() => setShowForm((i) => !i)}>
-          Add New Course
+          {showForm ? "Hide Form" : "Add New Course"}
+          
         </button>
       </div>
 

src/app/page.tsx

@@ -20,6 +20,8 @@ export default async function Home() {
         <br />
         <br />
         <AddCourseToGlobalSettings />
+        <br />
+        <div className="mb-96">
           <AddExistingCourseToGlobalSettings />
           <br />
           <br />
@@ -41,14 +43,7 @@ export default async function Home() {
           <br />
           <br />
           <br />
-        <br />
-        <br />
-        <br />
-        <br />
-        <br />
-        <br />
-        <br />
-        <br />
+        </div>
       </div>
     </main>
   );