From b139f4c6f11f2c22b1df1fc865830b66da3eb399 Mon Sep 17 00:00:00 2001
From: Jeremy Ruston <jeremy@osmosoft.com>
Date: Sat, 27 Apr 2013 11:28:46 +0100
Subject: [PATCH] Styling improvements

---
 core/styles/base.tid           | 32 ++++++++++++++++++++++++++++++++
 core/templates/MoreSideBar.tid | 13 ++++---------
 2 files changed, 36 insertions(+), 9 deletions(-)

diff --git a/core/styles/base.tid b/core/styles/base.tid
index 35f4a591a..7e1b759b0 100644
--- a/core/styles/base.tid
+++ b/core/styles/base.tid
@@ -16,6 +16,15 @@ module-type: stylesheet
           box-shadow: $shadow$;
 ```
 \end
+\define background-linear-gradient(gradient)
+```
+background-image: linear-gradient($gradient$);
+background-image: -o-linear-gradient($gradient$);
+background-image: -moz-linear-gradient($gradient$);
+background-image: -webkit-linear-gradient($gradient$);
+background-image: -ms-linear-gradient($gradient$);
+```
+\end
 
 {{$:/core/styles/reset}}
 
@@ -356,15 +365,38 @@ a.tw-tiddlylink-missing {
 	padding-top: 1em;
 }
 
+.tw-more-sidebar.tw-tab-set {
+	white-space: nowrap;
+}
+
 .tw-more-sidebar .tw-tab-buttons {
 	display: inline-block;
 	vertical-align: top;
 	text-align: right;
+	padding-top: 0em;
+	padding-left: 1em;
 }
 
 .tw-more-sidebar .tw-tab-content {
 	display: inline-block;
 	vertical-align: top;
+	padding-top: 0em;
+	padding-left: 1em;
+}
+
+.tw-more-sidebar .tw-tab-buttons button {
+	background-color: #ececec;
+	<<background-linear-gradient "left, rgb(236,236,236) 0%, rgb(224,224,224) 100%">>
+	border-top: none;
+	border-left: none;
+	border-bottom: none;
+	border-right: 1px solid #ccc;
+}
+
+.tw-more-sidebar .tw-tab-buttons button.tw-tab-selected {
+	background-color: #fff;
+	<<background-linear-gradient "left, rgb(236,236,236) 0%, rgb(255,255,255) 100%">>
+	border: none;
 }
 
 .tw-search-results {
diff --git a/core/templates/MoreSideBar.tid b/core/templates/MoreSideBar.tid
index 4ebb379c9..1778c1303 100644
--- a/core/templates/MoreSideBar.tid
+++ b/core/templates/MoreSideBar.tid
@@ -1,9 +1,6 @@
 title: $:/templates/MoreSideBar
 
-<div class="tw-tab-set tw-more-sidebar">
-<div class="tw-tab-buttons">
-
-<$button type="set" set="$:/state/moreSideBarTabSet" setTo="openTab" qualifyTiddlerTitles="yes" selectedClass="tw-tab-selected">Open</$button>
+<div class="tw-tab-set tw-more-sidebar"><div class="tw-tab-buttons">
 
 <$button type="set" set="$:/state/moreSideBarTabSet" setTo="allTab" qualifyTiddlerTitles="yes" selectedClass="tw-tab-selected">All</$button>
 
@@ -21,10 +18,9 @@ title: $:/templates/MoreSideBar
 
 <$button type="set" set="$:/state/moreSideBarTabSet" setTo="shadowsTab" qualifyTiddlerTitles="yes" selectedClass="tw-tab-selected">Shadows</$button>
 
+
+
 </div><div class="tw-tab-content">
-<$reveal type="match" state="$:/state/moreSideBarTabSet" text="openTab" qualifyTiddlerTitles="yes">
-<$list filter="[list[$:/StoryList]]" history="$:/HistoryList" itemClass="tw-menu-list-item"/>
-</$reveal>
 <$reveal type="match" state="$:/state/moreSideBarTabSet" text="allTab" qualifyTiddlerTitles="yes">
 <$list filter="[!is[system]sort[title]]" itemClass="tw-menu-list-item"/>
 </$reveal>
@@ -49,5 +45,4 @@ title: $:/templates/MoreSideBar
 <$reveal type="match" state="$:/state/moreSideBarTabSet" text="shadowsTab" qualifyTiddlerTitles="yes">
 <$list filter="[is[shadow]sort[title]]" itemClass="tw-menu-list-item"/>
 </$reveal>
-</div>
-</div>
+</div></div>