From 8810e0389443da51737a3a27ef84fb79b1513084 Mon Sep 17 00:00:00 2001
From: Brandon Egger <brandonegger64@gmail.com>
Date: Sun, 4 Jun 2023 22:34:59 -0500
Subject: [PATCH] better phone UX

---
 src/components/admin/ControlBar.tsx     | 2 +-
 src/components/admin/resources/form.tsx | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/admin/ControlBar.tsx b/src/components/admin/ControlBar.tsx
index 5b70a5e..86ca6ec 100644
--- a/src/components/admin/ControlBar.tsx
+++ b/src/components/admin/ControlBar.tsx
@@ -13,7 +13,7 @@ const AdminBarLayout = ({
   return (
     <div className="relative">
       {data?.user.role === Role.ADMIN ? (
-        <div className="sticky left-0 right-0 top-[71px] z-10 mx-auto mb-6 mt-[15px] flex max-w-4xl flex-row justify-between rounded-xl border border-neutral-600 bg-red-300 drop-shadow-xl">
+        <div className="flex sticky left-0 right-0 top-[71px] z-10 mx-auto mb-3 mt-[15px] max-w-4xl flex-row justify-between rounded-xl border border-neutral-600 bg-red-300 drop-shadow-xl sm:mb-6">
           <h1 className="rounded-lg px-4 py-2 font-semibold text-black">
             Admin Mode
           </h1>
diff --git a/src/components/admin/resources/form.tsx b/src/components/admin/resources/form.tsx
index 3ab1603..a3ddfa6 100644
--- a/src/components/admin/resources/form.tsx
+++ b/src/components/admin/resources/form.tsx
@@ -50,7 +50,7 @@ const ResourceLinkSubForm = ({}) => {
   return (
     <div className="mx-4">
       <h1 className="mb-2 border-b border-neutral-400">Links</h1>
-      <div className="mx-auto flex w-48 flex-col space-y-2">
+      <div className="flex mx-auto w-48 flex-col space-y-2">
         {/** Insert existing links here */}
         <button type="button">
           <div className="flex h-14 flex-row space-x-2 rounded-lg border-2 border-neutral-900 bg-amber-300 px-2 align-middle hover:bg-amber-200">
@@ -162,11 +162,11 @@ const ResourceSummarySubForm = ({
 
 const ResourceForm = ({ resource }: { resource?: AuditoryResource }) => {
   return (
-    <div className="mx-auto flex max-w-2xl flex-col flex-col-reverse divide-x py-4 sm:flex-row">
-      <div className="my-5 mr-4 flex flex-col justify-end text-lg font-bold">
+    <div className="flex mx-auto max-w-2xl flex-col flex-col-reverse py-1 sm:flex-row sm:divide-x sm:py-4">
+      <div className="flex my-5 mr-4 flex-col justify-end text-lg font-bold">
         <ResourceLinkSubForm /> {/** //resource={resource} /> */}
       </div>
-      <div className="justify-left flex max-w-lg flex-col pb-5">
+      <div className="justify-left flex mx-auto max-w-lg flex-col pb-5">
         <ResourceSummarySubForm resource={resource} />
       </div>
     </div>