Add close buttons to the open tiddler list

core/styles/base.tid

@@ -138,6 +138,14 @@ a.tw-tiddlylink-missing {
 	border: none;
 }
 
+.tw-menu-list-item .btn-mini-close {
+	color: #e0e0e0;
+}
+
+.tw-menu-list-item:hover .btn-mini-close {
+	color: #444;
+}
+
 .tw-tags-wrapper {
 	margin: 0.25em 0 1em 0;
 }

core/templates/SideBar.tid

@@ -25,7 +25,9 @@ title: $:/templates/SideBar
 </div>
 <div class="tw-tab-content">
 <$reveal type="match" state="$:/state/sideBarTabSet" text="openTab" qualifyTiddlerTitles="yes">
-<$list filter="[list[$:/StoryList]]" history="$:/HistoryList" itemClass="tw-menu-list-item"/>
+<$list filter="[list[$:/StoryList]]" history="$:/HistoryList" itemClass="tw-menu-list-item">
+<$button message="tw-close-tiddler" class="btn-invisible btn-mini-close">&times;</$button> <$view field="title" format="link"/>
+</$list>
 </$reveal>
 <$reveal type="match" state="$:/state/sideBarTabSet" text="allTab" qualifyTiddlerTitles="yes">
 <$list filter="[!is[system]sort[title]]" itemClass="tw-menu-list-item"/>