Merge branch 'main' into myopencre-csv-frontend-errors

Author: PRAteek-singHWY

application/frontend/src/pages/Search/search.scss

@@ -1024,16 +1024,18 @@ body {
   z-index: 10;
   width: 100%;
   border-top: 1px solid rgba(var(--border-rgb), 0.5);
-  padding: 3rem 0;
+  padding: 4rem 0; // ⬅ slightly more breathing room
   backdrop-filter: blur(4px);
 
   &__container {
     max-width: 112rem;
     margin: 0 auto;
     padding: 0 1rem;
+
     @media (min-width: 640px) {
       padding: 0 1.5rem;
     }
+
     @media (min-width: 1024px) {
       padding: 0 2rem;
     }
@@ -1042,53 +1044,67 @@ body {
   &__grid {
     display: grid;
     grid-template-columns: 1fr;
-    gap: 2rem;
+    gap: 2.5rem;
+    align-items: start;
+
     @media (min-width: 768px) {
-      grid-template-columns: repeat(4, 1fr);
+      grid-template-columns: 1.2fr 1fr 1fr 1fr; // ⬅ brand slightly wider
+      gap: 3.5rem;
     }
   }
 
   &__about {
     display: flex;
     flex-direction: column;
-    gap: 1rem;
+    gap: 1.25rem;
+    max-width: 30rem;
+
     .logo-link {
       display: flex;
       align-items: center;
       gap: 0.5rem;
+
       img {
-        height: 10rem;
-        width: 10rem;
+        height: 2rem; // ⬅ reduced from 2.25rem
+        width: auto;
       }
     }
+
     p {
       color: var(--muted-foreground);
+      line-height: 1.6;
+      font-size: 0.95rem;
     }
   }
 
   &__links-column {
     .column-title {
       color: white;
       font-weight: 500;
-      margin-bottom: 1rem;
+      font-size: 0.95rem;
+      letter-spacing: 0.02em;
+      margin-bottom: 1.1rem;
     }
+
     .links-list {
       display: flex;
       flex-direction: column;
-      gap: 0.5rem;
+      gap: 0.55rem;
+
       a {
         display: block;
         color: var(--muted-foreground);
-        transition: color 0.3s;
+        font-size: 0.9rem;
+        transition: color 0.25s ease;
         text-decoration: none;
+
         &:hover {
           color: var(--foreground);
         }
       }
     }
   }
 }
-
 .loading-screen {
   min-height: 100vh;
   background-color: var(--background);

tsconfig.json

@@ -12,7 +12,6 @@
     "lib": ["esnext", "dom"],
     "outDir": "dist",
     "moduleResolution": "node",
-    "keyofStringsOnly": true,
     "skipLibCheck": true,
     "esModuleInterop": true
   },