From 4c5466d673623d2adf4b66ca11fc6e80d8d41548 Mon Sep 17 00:00:00 2001
From: Brandon Egger <brandonegger64@gmail.com>
Date: Fri, 17 Mar 2023 21:14:52 -0500
Subject: [PATCH] ui tweaks

---
 src/components/Header.tsx                      | 4 ++--
 src/components/ResourceTable.tsx               | 2 +-
 src/pages/resources/{search.tsx => survey.tsx} | 4 ++--
 3 files changed, 5 insertions(+), 5 deletions(-)
 rename src/pages/resources/{search.tsx => survey.tsx} (97%)

diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index b2089be..88e79dc 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -26,7 +26,7 @@ const NavBarLink = ({href, label, dropdown}: NavBarLinkProps) => {
 
 const NavBar = () => {
     return (
-        <nav className="bg-gradient-to-b from-yellow-400 to-yellow-300 w-full shadow-black drop-shadow-md">
+        <nav className="border-b border-neutral-400 bg-gradient-to-b from-amber-300 to-amber-300 w-full shadow-black drop-shadow-md">
             <li className="mx-auto max-w-5xl flex flex-row sm:justify-between px-4">
                 <ul id="left-nav-links" className="flex flex-row space-x-10">
                     <NavBarLink href='/' label='Home'/>
@@ -46,7 +46,7 @@ const Header: NextPage = () => {
     return <>
         <div id="logo-row" className="flex flex-row p-4 justify-center bg-neutral-800 z-50 drop-shadow-xl">
             <div>
-                <Image alt="Ear listening" src="listening-ear.svg" width={64} height={64}/>
+                <Image alt="Ear listening" src="/listening-ear.svg" width={64} height={64}/>
             </div>
             <div id="header-title" className="w-64 grid place-items-center">
                 <h1 className="text-center text-2xl font-bold text-neutral-300">Center for Auditory Training Resources</h1>
diff --git a/src/components/ResourceTable.tsx b/src/components/ResourceTable.tsx
index d5b56d0..97936df 100644
--- a/src/components/ResourceTable.tsx
+++ b/src/components/ResourceTable.tsx
@@ -53,7 +53,7 @@ const ResourceEntry = ({resource}: {resource: AuditoryResource}) => {
                 <div className="h-full my-auto">
                 <Link href={`resources/${resource.id}`}>
                     <div className="w-20 sm:w-28 flex space-y-2 flex-col justify-center">
-                        <Image className="w-full rounded-xl drop-shadow-lg border border-neutral-400" src={resource.icon} alt={`${resource.name} logo`} width={512} height={512}/>
+                        <Image className="bg-white w-full rounded-xl drop-shadow-lg border border-neutral-400" src={`/resource_logos/${resource.icon}`} alt={`${resource.name} logo`} width={512} height={512}/>
                         <span 
                         className="block bg-neutral-900 hover:bg-neutral-500 border border-neutral-900 text-center py-[1px] text-white rounded-lg">
                             more info
diff --git a/src/pages/resources/search.tsx b/src/pages/resources/survey.tsx
similarity index 97%
rename from src/pages/resources/search.tsx
rename to src/pages/resources/survey.tsx
index ec91013..6c7ff8d 100644
--- a/src/pages/resources/search.tsx
+++ b/src/pages/resources/survey.tsx
@@ -187,8 +187,8 @@ const SearchForm = ({questions}: {questions: Question<QuestionTypes>[]}) => {
 
 const SearchPage = () => {
     return <>
-        <div className="w-full max-w-xl mx-auto mt-4 mb-4 rounded-xl overflow-hidden bg-neutral-200 drop-shadow-md">
-            <div className="px-4 py-2 bg-gradient-to-t from-neutral-900 to-neutral-700 mx-auto overflow-hidden border border-neutral-400">
+        <div className="w-full max-w-xl mx-auto mt-4 mb-4 rounded-xl overflow-hidden border border-neutral-400 bg-neutral-200 drop-shadow-md">
+            <div className="px-4 py-2 bg-gradient-to-t from-neutral-900 to-neutral-700 mx-auto overflow-hidden">
                 <h1 className="text-gray-300 font-bold">Search</h1>
             </div>
             <div>