KB54 Use bookmark Emoji for bookmarks, give title font normal weight.

Change-Id: Id069e3392ee136b7d7b4291b35ad871a88b08732
diff --git a/src/main/resources/META-INF/resources/cms2/base.css b/src/main/resources/META-INF/resources/cms2/base.css
index e4ef41b..2b02e83 100644
--- a/src/main/resources/META-INF/resources/cms2/base.css
+++ b/src/main/resources/META-INF/resources/cms2/base.css
@@ -184,11 +184,16 @@
   margin-right: 1em;
 }
 
-h1.bookmark-title {
+.bookmark-title {
   font-size: 1em;
   margin: 0;
   padding: 0;
   display: inline;
+  font-weight: normal;
+}
+
+.bookmark-symbol {
+  font-size: smaller;
 }
 
 .post-day-info {
@@ -226,6 +231,7 @@
 article.bookmark > header {
   display: inline-flex;
   margin-right: 5px;
+  line-height: 1em;
 }
 
 .post-with-nonempty-body > header {
@@ -249,6 +255,7 @@
   display: flex;
   float: left;
   margin-right: 5px;
+  line-height: 1em;
 }
 
 a.post-link {
diff --git a/src/main/resources/templates/benki/posts/postList.html b/src/main/resources/templates/benki/posts/postList.html
index f178927..1cda0b8 100644
--- a/src/main/resources/templates/benki/posts/postList.html
+++ b/src/main/resources/templates/benki/posts/postList.html
@@ -78,7 +78,7 @@
                   </a>
 
                   <a href="{uri}" class="bookmark-title">
-                    <h1 class="bookmark-title">⇢&nbsp;{title}</h1>.
+                    <h1 class="bookmark-title"><span class="bookmark-symbol">🔖 </span> {title}</h1>.
                   </a>
                 </div>
               </header>