Move sidebar Add Board button to bottom

webapp/src/components/sidebar.scss

@@ -7,7 +7,7 @@
 	min-height: 100%;
 	color: rgb(var(--sidebar-fg));
 	background-color: rgb(var(--sidebar-bg));
-    padding: 10px 0;
+    padding-top: 10px;
 
     &.hidden {
         position: absolute;
@@ -26,12 +26,12 @@
     }
 
     >* {
-        flex-shrink: 0;
+        flex: 0 0 auto;
     }
 
     .octo-sidebar-list {
+        flex: 1 1 auto;
         overflow-y: auto;
-        max-height: calc(100% - 78px);
         max-width: 250px;
     }
 
@@ -135,4 +135,8 @@
         stroke: rgba(var(--sidebar-fg), 0.5);
         stroke-width: 6px;
     }
+
+    .Button {
+        min-height: 30px;
+    }
 }

webapp/src/components/sidebar.tsx

@@ -181,8 +181,9 @@ class Sidebar extends React.Component<Props, State> {
                             )
                         })
                     }
+                </div>
 
-                    <br/>
+                <div className='octo-spacer'/>
 
                 <MenuWrapper>
                     <Button>
@@ -255,9 +256,6 @@ class Sidebar extends React.Component<Props, State> {
                         />
                     </Menu>
                 </MenuWrapper>
-                </div>
-
-                <div className='octo-spacer'/>
 
                 <MenuWrapper>
                     <Button>