Merge pull request #134 from tamaina/master

設定画面の見栄えをましにする

src/web/app/desktop/tags/settings-window.tag

@@ -11,7 +11,7 @@
 						margin-right 4px
 
 				[data-yield='content']
-					overflow auto
+					overflow hidden
 
 	</style>
 	<script>

src/web/app/desktop/tags/settings.tag

@@ -85,7 +85,9 @@
 	</div>
 	<style type="stylus">
 		:scope
-			display block
+			display flex
+			width 100%
+			height 100%
 
 			input:not([type])
 			input[type='text']
@@ -106,13 +108,11 @@
 					border-color #aeaeae
 
 			> .nav
-				position absolute
+				width 100%
-				top 0
-				left 0
-				width 200px
 				height 100%
 				padding 16px 0 0 0
 				border-right solid 1px #ddd
+				flex: 0 0 200px
 
 				> p
 					display block
@@ -139,10 +139,10 @@
 						color $theme-color !important
 
 			> .pages
-				position absolute
+				width 100%
-				top 0
+				height 100%
-				left 200px
+				flex auto
-				width calc(100% - 200px)
+				overflow auto
 
 				> section
 					padding 32px