Rewrite css code for list view.

public/themes/default.css

@@ -1157,7 +1157,6 @@ h3 {
 }
 #noteItemList .item {
   position: relative;
-  height: 70px;
   overflow: hidden;
   cursor: default;
   border: 1px solid #ebeff2;
@@ -1166,7 +1165,7 @@ h3 {
   background-color: #fff;
 }
 /*
-#noteItemList .item:hover, 
+#noteItemList .item:hover,
 #noteItemList .contextmenu-hover {
   background-color: #ddd !important;
   //color: @aBlackColor;
@@ -1207,10 +1206,10 @@ h3 {
   border-radius: 3px;
   text-align: center;
 }
-.item-thumb img {
+#noteItemList .item-thumb img {
   max-width: 66px;
 }
-.item-title {
+#noteItemList .item-title {
   /*font-weight: 400;*/
   font-size: 16px;
   height: 22px;
@@ -1218,7 +1217,6 @@ h3 {
   overflow: hidden;
   margin-bottom: 0px;
   color: #000000;
-  border-bottom: dashed 1px #ebeff2;
 }
 #noteItemList .item-desc {
   position: absolute;
@@ -1233,13 +1231,13 @@ h3 {
 #noteItemList .item-image .item-desc {
   right: 70px;
 }
-.item-info {
+#noteItemList .item-info {
   margin: 0;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
 }
-.desc {
+#noteItemList .desc {
   margin: 0;
   word-wrap: break-word;
   text-overflow: ellipsis;
@@ -1247,6 +1245,16 @@ h3 {
   overflow: hidden;
   white-space: nowrap;
 }
+/*list view & summary view*/
+#noteItemList .summary-item {
+  height: 70px;
+}
+#noteItemList .list-item {
+  height: 30px;
+}
+#noteItemList .summary-item .item-title {
+  border-bottom: dashed 1px #ebeff2;
+}
 #editorMask {
   position: absolute;
   top: 0px;
@@ -1891,9 +1899,9 @@ img::selection {
   margin-top: -2px;
 }
 /*
-#starNotes li a, 
-.ztree li a, 
-.ztree li span.button, 
+#starNotes li a,
+.ztree li a,
+.ztree li span.button,
 .folderHeader,
 #myProfile .dropdown-toggle,
 #tagNav li a {
@@ -2664,7 +2672,7 @@ a.raw:hover {
 ::-webkit-scrollbar-thumb {
   background-color: @sbc;
   border:1px solid #dadada;
-  border-radius: 5px; 
+  border-radius: 5px;
 }
 ::-webkit-scrollbar-thumb:hover {
   background-color:#dadada

public/themes/themes/night/theme.css

@@ -102,13 +102,20 @@
   /* 不显示图片 */
 }
 #noteItemList .item {
-  height: 69px;
   border: none;
   border-bottom: 1px solid #363636;
   background-color: transparent;
   color: #c2c2c2;
   overflow: hidden;
 }
+#noteItemList .summary-item {
+  /*summary view*/
+  height: 69px;
+}
+#noteItemList .list-item {
+  /*list view*/
+  height: 29px;
+}
 #noteItemList .item-title {
   color: #c2c2c2;
   border-bottom: none;

public/themes/themes/pebbles_night/theme.css

@@ -102,13 +102,20 @@
   /* 不显示图片 */
 }
 #noteItemList .item {
-  height: 69px;
   border: none;
   border-bottom: 1px solid #363636;
   background-color: transparent;
   color: #c2c2c2;
   overflow: hidden;
 }
+#noteItemList .summary-item {
+  /*summary view*/
+  height: 69px;
+}
+#noteItemList .list-item {
+  /*list view*/
+  height: 29px;
+}
 #noteItemList .item-title {
   color: #c2c2c2;
   border-bottom: none;

public/themes/themes/water_night/theme.css

@@ -102,13 +102,20 @@
   /* 不显示图片 */
 }
 #noteItemList .item {
-  height: 69px;
   border: none;
   border-bottom: 1px solid #363636;
   background-color: transparent;
   color: #c2c2c2;
   overflow: hidden;
 }
+#noteItemList .summary-item {
+  /*summary view*/
+  height: 69px;
+}
+#noteItemList .list-item {
+  /*list view*/
+  height: 29px;
+}
 #noteItemList .item-title {
   color: #c2c2c2;
   border-bottom: none;