update infotab

browser/main/modals/PreferencesModal/InfoTab.js

@@ -25,14 +25,24 @@ class InfoTab extends React.Component {
         <div styleName='top'>
           <img styleName='icon' src='../resources/app.png' width='150' height='150'/>
           <div styleName='appId'>Boostnote {appVersion}</div>
-          <div styleName='madeBy'>Made by MAISIN&CO.</div>
+          <div styleName='description'>
+            A simple markdown/snippet note app for developer.
+          </div>
+          <div styleName='madeBy'>Made by&nbsp;
+            <a href='http://maisin.co/'
+              onClick={(e) => this.handleLinkClick(e)}
+            >MAISIN&CO.</a></div>
+          <div styleName='copyright'>Copyright 2016 MAISIN&CO. All rights reserved.</div>
         </div>
-        <ul>
+        <ul styleName='list'>
           <li>
-            - License : GPLv3
+            The codes of this app is published under GPLv3 license.
           </li>
           <li>
-            - Issue Tracker : <a href='https://github.com/BoostIO/Boostnote/issues'
+            Any kinds of feedback, creating a new issue or a pull request, would be welcomed.
+          </li>
+          <li>
+            Issue Tracker : <a href='https://github.com/BoostIO/Boostnote/issues'
               onClick={(e) => this.handleLinkClick(e)}
             >https://github.com/BoostIO/Boostnote/issues</a>
           </li>

browser/main/modals/PreferencesModal/InfoTab.styl

@@ -3,11 +3,33 @@
   white-space pre
   line-height 1.4
   color $ui-text-color
+  width 100%
+
 .top
   text-align center
   margin-bottom 25px
+
 .appId
-  font-size 18px
+  font-size 24px
+
+.description
+  overflow hidden
+  white-space normal
+  line-height 1.5
+  margin 5px auto 10px
+  font-size 14px
+  text-align center
+
 .madeBy
   font-size 12px
   $ui-inactive-text-color
+
+.copyright
+  font-size 12px
+  $ui-inactive-text-color
+
+.list
+  list-style square
+  padding-left 2em
+  li
+    white-space normal