Tweak spacing

web/components/contract-overview.tsx

@@ -14,6 +14,7 @@ import { useUser } from '../hooks/use-user'
 import { Row } from './layout/row'
 import dayjs from 'dayjs'
 import { Linkify } from './linkify'
+import clsx from 'clsx'
 
 function ContractDescription(props: {
   contract: Contract
@@ -102,7 +103,7 @@ export const ContractOverview = (props: {
   }[contract.resolution || '']
 
   return (
-    <Col className={className}>
+    <Col className={clsx('mb-6', className)}>
       <Col className="justify-between md:flex-row">
         <Col>
           <div className="text-3xl text-indigo-700 mb-4">

web/components/nav-bar.tsx

@@ -32,7 +32,7 @@ export function NavBar(props: {
     >
       <Row
         className={clsx(
-          'justify-between items-center mx-auto px-4',
+          'justify-between items-center mx-auto sm:px-4',
           wide ? 'max-w-7xl' : 'max-w-4xl'
         )}
       >

web/pages/[username]/[contractSlug].tsx

@@ -97,7 +97,6 @@ function BetsSection(props: { contract: Contract; user: User | null }) {
 
   return (
     <div>
-      <Spacer h={6} />
       <Title text="Your bets" />
       <MyBetsSummary contract={contract} bets={userBets} />
       <Spacer h={6} />