From 4f2e6e567c766e87283d18991b5af1add962da42 Mon Sep 17 00:00:00 2001
From: Chen-I Lim <chenilim@gmail.com>
Date: Thu, 22 Oct 2020 13:31:05 -0700
Subject: [PATCH] Sidebar css: Click anywhere along item

---
 webapp/src/components/sidebar.tsx | 3 +--
 webapp/static/main.css            | 3 ++-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/webapp/src/components/sidebar.tsx b/webapp/src/components/sidebar.tsx
index bc05781e0..1474c0472 100644
--- a/webapp/src/components/sidebar.tsx
+++ b/webapp/src/components/sidebar.tsx
@@ -90,7 +90,6 @@ class Sidebar extends React.Component<Props, State> {
                                     >
                                         {board.icon ? `${board.icon} ${displayTitle}` : displayTitle}
                                     </div>
-                                    <div className='octo-spacer'/>
                                     <MenuWrapper>
                                         <div className='octo-button square octo-hover-item'><div className='imageOptions'/></div>
                                         <Menu>
@@ -118,7 +117,7 @@ class Sidebar extends React.Component<Props, State> {
                                     return (<div
                                         key={view.id}
                                         className='octo-sidebar-item subitem octo-hover-container'
-                                    >
+                                            >
                                         <div
                                             className='octo-sidebar-title'
                                             onClick={() => {
diff --git a/webapp/static/main.css b/webapp/static/main.css
index 00e78c8af..de0dee79b 100644
--- a/webapp/static/main.css
+++ b/webapp/static/main.css
@@ -131,7 +131,8 @@ hr {
 }
 
 .octo-sidebar-title {
-	cursor: pointer;
+    cursor: pointer;
+    flex-grow: 1;
 }
 
 .octo-sidebar-item:hover {