update NoteDetail design

browser/finder/NoteDetail.js

@@ -140,20 +140,6 @@ class NoteDetail extends React.Component {
           key={index}
           style={{zIndex: isActive ? 5 : 4}}
         >
-          <div styleName='tabView-top'>
-            <input styleName='tabView-top-name'
-              placeholder='Filename including extensions...'
-              value={snippet.name}
-              readOnly
-            />
-            <button styleName='tabView-top-mode'
-            >
-              {snippet.mode == null
-                ? 'Not selected'
-                : syntax.name
-              }&nbsp;
-            </button>
-          </div>
           {snippet.mode === 'markdown'
             ? <MarkdownEditor styleName='tabView-content'
               config={config}

browser/finder/NoteDetail.styl

@@ -60,31 +60,13 @@
 .tabList-plusButton
   navButtonColor()
   width 30px
+
 .tabView
   absolute left right bottom
   top 110px
-.tabView-top
-  absolute top left right
-  height 30px
-  border-bottom $ui-border
-  display flex
-  box-sizing border-box
-.tabView-top-name
-  flex 1
-  border none
-  padding 0 10px
-  font-size 14px
-.tabView-top-mode
-  width 110px
-  padding 0
-  border none
-  border-left $ui-border
-  colorDefaultButton()
-  color $ui-inactive-text-color
-  pointer-events none
+
 .tabView-content
-  absolute left right bottom
-  top 30px
+  absolute top left right bottom
   box-sizing border-box
   height 100%
   width 100%

browser/finder/NoteItem.styl

@@ -28,7 +28,6 @@
     color white
     background-color transparent
 
-
 .border
   absolute top bottom left right
   border-style solid