No edit mode

browser/styles/main/HomeContainer/components/ArticleDetail.styl

@@ -15,7 +15,6 @@ infoButton()
   padding 0
   &:hover
     color inherit
-
 .ArticleDetail
   absolute right bottom
   top 60px
@@ -24,6 +23,17 @@ infoButton()
   background-color #E6E6E6
   border-top 1px solid borderColor
   border-left 1px solid borderColor
+  &.empty
+    .ArticleDetail-empty-box
+      line-height 72px
+      font-size 42px
+      height 320px
+      display flex
+      align-items center
+      .ArticleDetail-empty-box-message
+        text-align center
+        width 100%
+        color inactiveTextColor
   *
     -webkit-user-select none
   .ArticleDetail-info
@@ -50,6 +60,10 @@ infoButton()
       &>.tutorial
         position fixed
         z-index 35
+    .ArticleDetail-info-status
+      padding 0 5px
+      .unsaved-mark
+        color brandColor
     .ArticleDetail-info-control
       float right
       .ShareButton
@@ -174,30 +188,26 @@ infoButton()
         z-index 30
         background-color white
         absolute top bottom
-        left 10px
+        right 10px
         display block
         height 33px
         margin-top 14px
-        width 33px
+        width 120px
         margin-right 15px
-        border solid 1px transparent
+        border solid 1px borderColor
         border-radius 5px
         transition width 0.15s
         &.idle
           cursor pointer
           &:hover
             background-color darken(white, 5%)
-            border-color borderColor
           .ModeIcon
-            float left
-            width 100%
+            padding 0 5px
             line-height 33px
-            text-align center
         &.edit
-          width 150px
           border-color iptFocusBorderColor
           input
-            width 150px
+            width 120px
             line-height 31px
             padding 0 10px
             border none
@@ -206,7 +216,7 @@ infoButton()
             font-size 14px
           .ModeSelect-options
             position fixed
-            width 150px
+            width 120px
             z-index 10
             border 1px solid borderColor
             border-radius 5px
@@ -228,8 +238,8 @@ infoButton()
               &:hover
                 background-color darken(white, 10%)
       .ArticleDetail-panel-header-title
-        absolute left top right
-        left 33px
+        absolute left top
+        right 120px
         padding 0 15px
         background-color transparent
         input

browser/styles/main/HomeContainer/components/ArticleList.styl

@@ -33,6 +33,8 @@ articleItemColor = #777
         .updatedAt
           float right
           line-height 20px
+          .unsaved-mark
+            color brandColor
       .middle
         padding 3px 0 7px
         font-size 16px