From f4f10d5eb690a33dd1c112358457a2b987297f26 Mon Sep 17 00:00:00 2001
From: Wes Bos <wesbos@gmail.com>
Date: Thu, 5 Apr 2018 13:54:22 -0400
Subject: work

---
 frontend/pages/add.js          | 6 ++++--
 frontend/pages/admin/update.js | 5 ++++-
 frontend/pages/signup.js       | 4 ++--
 3 files changed, 10 insertions(+), 5 deletions(-)

(limited to 'frontend/pages')

diff --git a/frontend/pages/add.js b/frontend/pages/add.js
index 9b8c333..eb0dd1d 100644
--- a/frontend/pages/add.js
+++ b/frontend/pages/add.js
@@ -2,13 +2,15 @@ import { Component } from 'react';
 import Page from '../components/Page';
 import withData from '../lib/withData';
 import CreateItem from '../components/CreateItem';
+import PleaseSignIn from '../components/PleaseSignIn';
 
 const Home = props => {
   const page = parseInt(props.url.query.page) || 1;
   return (
     <Page>
-      <h2>Add an Item</h2>
-      <CreateItem />
+      <PleaseSignIn>
+        <CreateItem />
+      </PleaseSignIn>
     </Page>
   );
 };
diff --git a/frontend/pages/admin/update.js b/frontend/pages/admin/update.js
index 2731f05..2f445d7 100644
--- a/frontend/pages/admin/update.js
+++ b/frontend/pages/admin/update.js
@@ -2,12 +2,15 @@ import { Component } from 'react';
 import withData from '../../lib/withData';
 import UpdateItem from '../../components/UpdateItem';
 import Page from '../../components/Page';
+import PleaseSignIn from '../../components/PleaseSignIn';
 
 class Home extends Component {
   render() {
     return (
       <Page>
-        <UpdateItem id={this.props.url.query.id} />
+        <PleaseSignIn>
+          <UpdateItem id={this.props.url.query.id} />
+        </PleaseSignIn>
       </Page>
     );
   }
diff --git a/frontend/pages/signup.js b/frontend/pages/signup.js
index d0b4135..d9bc5e9 100644
--- a/frontend/pages/signup.js
+++ b/frontend/pages/signup.js
@@ -8,8 +8,8 @@ import ResetRequest from '../components/ResetRequest';
 
 const Columns = styled.div`
   display: grid;
-  grid-template-columns: repeat(3, 1fr);
-  grid-gap: 50px;
+  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+  grid-gap: 20px;
 `;
 
 const SignUpPage = () => (
-- 
cgit v1.3