diff --git a/app/assets/stylesheets/desktopmain.css b/app/assets/stylesheets/desktopmain.css
index 112ae64b..744c8d5b 100644
--- a/app/assets/stylesheets/desktopmain.css
+++ b/app/assets/stylesheets/desktopmain.css
@@ -736,6 +736,23 @@ a:focus { outline: none; }
 #paper_add .f_w { width: 336px; }
 #paper_add label { margin-right: 0; }
 
+/* Journal Journal list */
+#journal_list .g_col {
+	width: 416px;
+}
+#journal_list .g_col {
+	float: left;
+	height: 456px;
+	margin-left: 12px;
+	padding-left: 12px;
+	border-left: solid 1px #EEE;
+}
+#journal_list .g_col:first-child {
+	margin-left: 0;
+	padding-left: 0;
+	border: none;
+}
+
 /* App */
 .app_frame {
 	margin: 48px 96px 48px 156px;
diff --git a/app/assets/stylesheets/orbit-bar.css.erb b/app/assets/stylesheets/orbit-bar.css.erb
index 38441260..154f1158 100644
--- a/app/assets/stylesheets/orbit-bar.css.erb
+++ b/app/assets/stylesheets/orbit-bar.css.erb
@@ -143,6 +143,7 @@
 	display: inline-block;
 	line-height: 22px;
 	padding: 0 10px;
+	vertical-align: top;
 }
 #orbit-bar .nav img.member-img {
 	display: inline-block;
diff --git a/app/views/desktop/journal_lists/index.html.erb b/app/views/desktop/journal_lists/index.html.erb
index 804787df..bcfa77b3 100644
--- a/app/views/desktop/journal_lists/index.html.erb
+++ b/app/views/desktop/journal_lists/index.html.erb
@@ -1,11 +1,25 @@
-<h1>journal_title -- journal_level</h1>
-<div class="tinycanvas">
+<div class="toolbar hh2">
+  <div class="hh2 hp sdm">
+    <div class="sdm_t hh2">Share</div>
+    <div class="admbg sdm_o">
+      <ul>
+        <li><a class="hp hh2 admtxt" href="">Friends</a></li>
+        <li><a class="hp hh2 admtxt" href="">Private</a></li>
+        <li><a class="hp hh2 admtxt" href="">Group</a></li>
+      </ul>
+    </div>
+  </div>
+  <div class="hh2 hp sdm">
+    <div class="sdm_t hh2"><span class="icon-question-sign"></span></div>
+  </div>
+</div>
+<div id="journal_list" class="tinycanvas vp">
   <div class="scrollbar sb_h vp"><div class="track"><div class="thumb thmc2"><div class="end"></div></div></div></div>
   <div class="viewport">
     <div class="overview">
         <% @journal_lists.each_with_index do |journal_list,i| %>
           <% if ( i % 8 ) == 0 %>
-            <div class="g_col w4">
+            <div class="g_col">
             <ul>
               <% end %>
               <li class="s_grid_row">
diff --git a/app/views/desktop/journal_pages/_form.html.erb b/app/views/desktop/journal_pages/_form.html.erb
index 94810500..c67745c4 100644
--- a/app/views/desktop/journal_pages/_form.html.erb
+++ b/app/views/desktop/journal_pages/_form.html.erb
@@ -1,21 +1,20 @@
 <div class="toolbar hh2">
   <div class="fn_g hp">
-    <%= f.submit "Save", name: "commit", value: "Save", class: "ini_input hp hh2 thmc2 thmtxt" %>
+    <%= f.submit "Save", name: "commit", value: "Save", class: "fn_btn ini_input hp hh2 thmc2 thmtxt" %>
     <!-- class: bt-cancle can't be remove -->
     <% if not @writing_journal.new_record? %>
       <%= submit_tag "Cancel", :type => "button", class: "bt-cancel ini_input hp hh2 thmadm thmtxt" %>
     <% end %>
   </div>
-  <div class="hh2 hp sdm">
+  <!--<div class="hh2 hp sdm">
     <div class="sdm_t hh2">Entry Year</div>
     <div class="admbg sdm_o">
-      <!--<ul>
+      <ul>
         <li><a class="hp hh2 admtxt" href="">2012</a></li>
       </ul>
-      -->
     </div>
   </div>
-  <!--<div class="hh2 hp sdm">
+  <div class="hh2 hp sdm">
     <div class="sdm_t hh2">Language</div>
     <div class="admbg sdm_o">
       <ul>