From 1f548959e3a3461b13cbff18a2ad939e975913d9 Mon Sep 17 00:00:00 2001
From: Yoshiki Aoki <ringohub@gmail.com>
Date: Tue, 17 Oct 2017 11:47:06 +0900
Subject: [PATCH] Fix #928: Tag list cannot be scroll

---
 browser/main/SideNav/SideNav.styl | 21 +++++++++++++--------
 browser/main/SideNav/index.js     |  2 +-
 2 files changed, 14 insertions(+), 9 deletions(-)

diff --git a/browser/main/SideNav/SideNav.styl b/browser/main/SideNav/SideNav.styl
index 35967d00..f3de5803 100644
--- a/browser/main/SideNav/SideNav.styl
+++ b/browser/main/SideNav/SideNav.styl
@@ -4,9 +4,12 @@
   background-color #f9f9f9
   user-select none
   color $ui-text-color
+  height: 100vh
+  display: flex
+  flex-direction column
 
 .top
-  height 45px
+  padding-bottom 15px
 
 .top-menu
   navButtonColor()
@@ -47,18 +50,20 @@
   margin-left 5px
   overflow ellipsis
 
+.tabBody
+  flex 1
+  display flex
+  flex-direction column
+
 .tag-title
-  height 65px
-  position relative
-  left 15px
+  padding-left 15px
+  padding-bottom 13px
   p
     color $ui-text-color
 
 .tagList
-  absolute left right
-  bottom 37px
   overflow-y auto
-  position relative
+  flex: 1
 
 body[data-theme="dark"]
   .root, .root--folded
@@ -98,4 +103,4 @@ body[data-theme="dark"]
 
   .tag-title
     p
-      color alpha($ui-dark-text-color, 60%)
\ No newline at end of file
+      color alpha($ui-dark-text-color, 60%)
diff --git a/browser/main/SideNav/index.js b/browser/main/SideNav/index.js
index 359e402a..9fe198ad 100644
--- a/browser/main/SideNav/index.js
+++ b/browser/main/SideNav/index.js
@@ -80,7 +80,7 @@ class SideNav extends React.Component {
       )
     } else {
       component = (
-        <div>
+        <div styleName='tabBody'>
           <div styleName='tag-title'>
             <p>Tags</p>
           </div>