From 0d2fbfddc0baf3cb5f95046455f92ee4aa103eab Mon Sep 17 00:00:00 2001
From: Matthew Penner <me@matthewp.io>
Date: Fri, 8 Jan 2021 14:55:34 -0700
Subject: [PATCH] admin(ui): make the Nest edit page more responsive

---
 resources/scripts/api/admin/eggs/getEgg.ts                  | 4 ++--
 .../scripts/components/admin/nests/NestEditContainer.tsx    | 6 +++---
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/resources/scripts/api/admin/eggs/getEgg.ts b/resources/scripts/api/admin/eggs/getEgg.ts
index 5ceb3659f..c30faf420 100644
--- a/resources/scripts/api/admin/eggs/getEgg.ts
+++ b/resources/scripts/api/admin/eggs/getEgg.ts
@@ -3,7 +3,7 @@ import http, { FractalResponseData } from '@/api/http';
 export interface Egg {
     id: number;
     uuid: string;
-    nest_id: number;
+    nestId: number;
     author: string;
     name: string;
     description: string | null;
@@ -27,7 +27,7 @@ export interface Egg {
 export const rawDataToEgg = ({ attributes }: FractalResponseData): Egg => ({
     id: attributes.id,
     uuid: attributes.uuid,
-    nest_id: attributes.nest_id,
+    nestId: attributes.nest_id,
     author: attributes.author,
     name: attributes.name,
     description: attributes.description,
diff --git a/resources/scripts/components/admin/nests/NestEditContainer.tsx b/resources/scripts/components/admin/nests/NestEditContainer.tsx
index 518983fd3..eab5f9d6e 100644
--- a/resources/scripts/components/admin/nests/NestEditContainer.tsx
+++ b/resources/scripts/components/admin/nests/NestEditContainer.tsx
@@ -97,7 +97,7 @@ const EditInformationContainer = () => {
             {
                 ({ isSubmitting, isValid }) => (
                     <React.Fragment>
-                        <AdminBox title={'Edit Nest'} css={tw`flex-1 self-start w-full relative mr-4`}>
+                        <AdminBox title={'Edit Nest'} css={tw`flex-1 self-start w-full relative mb-8 lg:mb-0 mr-0 lg:mr-4`}>
                             <SpinnerOverlay visible={isSubmitting}/>
 
                             <Form css={tw`mb-0`}>
@@ -143,7 +143,7 @@ const ViewDetailsContainer = () => {
     }
 
     return (
-        <AdminBox title={'Nest Details'} css={tw`flex-1 w-full relative ml-4`}>
+        <AdminBox title={'Nest Details'} css={tw`flex-1 w-full relative ml-0 lg:ml-4`}>
             <div>
                 <div>
                     <div>
@@ -257,7 +257,7 @@ const NestEditContainer = () => {
 
             <FlashMessageRender byKey={'nest'} css={tw`mb-4`}/>
 
-            <div css={tw`flex flex-row mb-8`}>
+            <div css={tw`flex flex-col lg:flex-row mb-8`}>
                 <EditInformationContainer/>
                 <ViewDetailsContainer/>
             </div>