From 2e1033a565bac5c50427645a7be591d34afcb1b3 Mon Sep 17 00:00:00 2001
From: Brandon Egger <brandonegger64@gmail.com>
Date: Mon, 10 Apr 2023 12:07:54 -0500
Subject: [PATCH] improve scaling on medium screens

---
 src/components/ResourceTable.tsx | 4 ++--
 src/pages/resources/index.tsx    | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/ResourceTable.tsx b/src/components/ResourceTable.tsx
index d8349b0..6e03b39 100644
--- a/src/components/ResourceTable.tsx
+++ b/src/components/ResourceTable.tsx
@@ -158,7 +158,7 @@ const ResourceEntry = ({resource}: {resource: AuditoryResource}) => {
             <td className="w-1/4 align-top">
                 <ResourceSkills skills={resource.skills} skillLevels={resource.skill_levels} />
             </td>
-            <td className="align-top hidden sm:table-cell">
+            <td className="align-top hidden md:table-cell">
                 <ResourceDescription manufacturer={resource.manufacturer} description={resource.description} />
             </td>
         </tr>
@@ -275,7 +275,7 @@ const ResourceTable = ({resources, resourcesPerPage, currentPage, totalPages, qu
                                 Skills
                             </span>
                         </th>
-                        <th className="hidden sm:table-cell">
+                        <th className="hidden md:table-cell">
                             <span className="text-gray-300 block px-4 py-2 text-left">
                                 Description
                             </span>
diff --git a/src/pages/resources/index.tsx b/src/pages/resources/index.tsx
index c441d32..161c0b1 100644
--- a/src/pages/resources/index.tsx
+++ b/src/pages/resources/index.tsx
@@ -34,7 +34,7 @@ const Resources = () => {
         <meta name="description" content="University of Iowa Center for Auditory Training Resources" />
         <link rel="icon" href="/favicon.ico" />
       </Head>
-      <main className="my-6 sm:px-4 max-w-6xl mx-auto">
+      <main className="my-6 md:px-4 max-w-6xl mx-auto">
         <div className="mb-4 p-4 space-y-2">
           <h1 className="text-3xl font-bold">All Resources</h1>
           <div className="">