JS project finished

2026-02-12 15:10:50 -05:00
parent 1357b2362a
commit 71a5d36a7a
5 changed files with 255 additions and 67 deletions
@@ -82,6 +82,7 @@ table td, table th {

 table th {
    background-color: #f0f0f0;
+    cursor: pointer;
 }

 table tr:nth-child(even) { /* Make every even row a different colour */
@@ -98,4 +99,32 @@ table tr:hover {
    height: 700px;
    width: 90%;
    margin: 20px auto;
+}
+
+/* Arrow Styling */
+.arrow {
+    margin-left: 4px;
+    font-size: 0.8rem;
+}
+
+/* Small mobile responsiveness changes */
+@media  (max-width: 625px) {
+    fieldset {
+        display: flex;
+        flex-direction: column;
+        gap: 8px;
+        margin: 10px;
+    }
+
+    /* Make inputs full width on mobile */
+    fieldset input {
+        max-width: 100%;
+        width: 100%;
+        box-sizing: border-box;
+    }
+
+    /* Buttons stack nicely on mobile */
+    fieldset button {
+        width: 100%;
+    }
 }