From 70ef9e18361e8bb8333f3f7204a089ec7adea656 Mon Sep 17 00:00:00 2001
From: mantikoros <sgrugett@gmail.com>
Date: Fri, 16 Sep 2022 16:30:00 -0500
Subject: [PATCH] group sidebar, navbar tweaks

---
 web/components/nav/group-nav-bar.tsx |  2 +-
 web/components/nav/group-sidebar.tsx | 16 ++++------------
 2 files changed, 5 insertions(+), 13 deletions(-)

diff --git a/web/components/nav/group-nav-bar.tsx b/web/components/nav/group-nav-bar.tsx
index ffa83e54..a3b2063d 100644
--- a/web/components/nav/group-nav-bar.tsx
+++ b/web/components/nav/group-nav-bar.tsx
@@ -10,9 +10,9 @@ import router from 'next/router'
 import { userProfileItem } from './nav-bar'
 
 const mobileGroupNavigation = [
-  { name: 'About', key: 'about', icon: ClipboardIcon },
   { name: 'Markets', key: 'markets', icon: HomeIcon },
   { name: 'Leaderboard', key: 'leaderboards', icon: TrophyIcon },
+  { name: 'About', key: 'about', icon: ClipboardIcon },
 ]
 
 const mobileGeneralNavigation = [
diff --git a/web/components/nav/group-sidebar.tsx b/web/components/nav/group-sidebar.tsx
index 3735adc7..12f9e7a9 100644
--- a/web/components/nav/group-sidebar.tsx
+++ b/web/components/nav/group-sidebar.tsx
@@ -6,13 +6,12 @@ import { ProfileSummary } from './profile-menu'
 import React from 'react'
 import TrophyIcon from 'web/lib/icons/trophy-icon'
 import { SignInButton } from '../sign-in-button'
-import CornerDownRightIcon from 'web/lib/icons/corner-down-right-icon'
 import NotificationsIcon from '../notifications-icon'
 import { SidebarItem } from './sidebar'
 import { buildArray } from 'common/util/array'
 import { User } from 'common/user'
 import { Row } from '../layout/row'
-import { Col } from '../layout/col'
+import { Spacer } from '../layout/spacer'
 
 const groupNavigation = [
   { name: 'Markets', key: 'markets', icon: HomeIcon },
@@ -47,16 +46,7 @@ export function GroupSidebar(props: {
       className={clsx('flex max-h-[100vh] flex-col', className)}
     >
       <ManifoldLogo className="pt-6" twoLine />
-      <Row className="pl-2">
-        <Col className="flex justify-center">
-          <CornerDownRightIcon className=" h-6 w-6 text-indigo-700" />
-        </Col>
-        <Col>
-          <div className={' text-2xl text-indigo-700 sm:mb-1 sm:mt-3'}>
-            {groupName}
-          </div>
-        </Col>
-      </Row>
+      <Row className="pl-2 text-xl text-indigo-700 sm:mt-3">{groupName}</Row>
 
       <div className=" min-h-0 shrink flex-col items-stretch gap-1  pt-6 lg:flex ">
         {user ? (
@@ -84,6 +74,8 @@ export function GroupSidebar(props: {
         />
       ))}
 
+      <Spacer h={2} />
+
       {props.joinOrAddQuestionsButton}
     </nav>
   )