From 2bbac8a6f4aab51df3b98cf5295658349cd7719d Mon Sep 17 00:00:00 2001
From: sota1235 <sota1235@gmail.com>
Date: Fri, 30 Dec 2016 14:07:34 +0900
Subject: [PATCH] modify: markup for storages config

---
 browser/main/modals/PreferencesModal/PreferencesModal.styl | 1 +
 browser/main/modals/PreferencesModal/StoragesTab.js        | 1 +
 browser/main/modals/PreferencesModal/StoragesTab.styl      | 4 ++++
 3 files changed, 6 insertions(+)

diff --git a/browser/main/modals/PreferencesModal/PreferencesModal.styl b/browser/main/modals/PreferencesModal/PreferencesModal.styl
index 0b643249..7904faf2 100644
--- a/browser/main/modals/PreferencesModal/PreferencesModal.styl
+++ b/browser/main/modals/PreferencesModal/PreferencesModal.styl
@@ -50,6 +50,7 @@
   absolute left right bottom
   top 50px
   left 140px
+  margin-top 20px
   overflow-y auto
 
 body[data-theme="dark"]
diff --git a/browser/main/modals/PreferencesModal/StoragesTab.js b/browser/main/modals/PreferencesModal/StoragesTab.js
index f0609e6e..33ee6c39 100644
--- a/browser/main/modals/PreferencesModal/StoragesTab.js
+++ b/browser/main/modals/PreferencesModal/StoragesTab.js
@@ -63,6 +63,7 @@ class StoragesTab extends React.Component {
     })
     return (
       <div styleName='list'>
+        <div styleName='header'>Storages</div>
         {storageList.length > 0
           ? storageList
           : <div styleName='list-empty'>No storage found.</div>
diff --git a/browser/main/modals/PreferencesModal/StoragesTab.styl b/browser/main/modals/PreferencesModal/StoragesTab.styl
index a8b136f7..8e6096fe 100644
--- a/browser/main/modals/PreferencesModal/StoragesTab.styl
+++ b/browser/main/modals/PreferencesModal/StoragesTab.styl
@@ -2,6 +2,10 @@
   padding 15px
   color $ui-text-color
 
+.header
+  font-size 24px
+  margin-bottom 20px
+
 .list
   margin-bottom 15px
   font-size 14px