Improvements to appearances in edit mode

core/images/done-button.svg

@@ -1,3 +1,3 @@
 <?xml version="1.0"?>
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xl="http://www.w3.org/1999/xlink" version="1.1" viewBox="369 153 54 54" width="22pt" height="22pt"><g stroke="none" stroke-opacity="1" stroke-dasharray="none" fill="none" fill-opacity="1"><g><title>Layer 1</title><path d="M 369 202 L 369 202 C 369 204.76142 371.23858 207 374 207 L 418 207 C 420.76142 207 423 204.76142 423 202 L 423 158 C 423 155.23858 420.76142 153 418 153 L 374 153 C 374 153 374 153 374 153 C 371.23858 153 369 155.23858 369 158 L 369 202 C 369 202 369 202 369 202 Z M 380.12132 177.87868 L 380.37868 177.62132 C 381.55025 176.44975 383.44975 176.44975 384.62132 177.62132 L 389.37868 182.37868 C 390.55025 183.55025 392.44975 183.55025 393.62132 182.37868 L 409.62868 166.37132 C 410.80025 165.19975 412.69975 165.19975 413.87132 166.37132 L 414.12868 166.62868 C 415.30025 167.80025 415.30025 169.69975 414.12868 170.87132 L 393.62132 191.37868 C 392.44975 192.55025 390.55025 192.55025 389.37868 191.37868 L 380.12132 182.12132 C 378.94975 180.94975 378.94975 179.05025 380.12132 177.87868 C 380.12132 177.87868 380.12132 177.87868 380.12132 177.87868 L 380.12132 177.87868 Z" fill="#ccc"/></g></g></svg>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xl="http://www.w3.org/1999/xlink" version="1.1" viewBox="434 150 68 55" width="22pt" height="18pt"><g stroke="none" stroke-opacity="1" stroke-dasharray="none" fill="none" fill-opacity="1"><g><path d="M 438.49266 178.00797 L 439.00744 177.49319 C 441.35054 175.15008 445.14946 175.15004 447.49262 177.49309 L 452.50734 182.50757 C 454.8505 184.85063 458.6494 184.85058 460.99252 182.50748 L 488.50747 154.99255 C 490.85058 152.64944 494.6495 152.6494 496.99266 154.99246 L 497.50722 155.506995 C 499.8504 157.85009 499.8505 161.64908 497.5074 163.99228 C 497.50738 163.99229 497.50736 163.99231 497.50734 163.99233 L 460.9926 200.5077 C 458.64947 202.85087 454.85048 202.8509 452.50732 200.50778 C 452.5073 200.50777 452.5073 200.50777 452.5073 200.50776 L 438.49268 186.49327 C 436.14952 184.15013 436.1495 180.35114 438.49264 178.00799 C 438.49265 178.00798 438.49265 178.00797 438.49266 178.00797 Z" fill="#ccc"/></g></g></svg>

core/styles/base.tid

@@ -183,6 +183,16 @@ a.tw-tiddlylink-missing {
 
 .tw-tiddler-controls .tw-button {
 	margin: 0 0 0 0.5em;
+	vertical-align: middle;
+}
+
+.tw-tiddler-help {
+	color: #999;
+	margin-top: 1em;
+}
+
+.tw-tiddler-help a.tw-tiddlylink {
+	color: #888888;
 }
 
 .tw-drop-down {
@@ -309,10 +319,13 @@ a.tw-tiddlylink-missing {
 .tw-edit-texteditor input, .tw-edit-texteditor textarea {
 	width: 100%;
 	padding: 0.2em 0.2em 0.2em 0.2em;
-	background-color: #f8f8f8;
 	border: 1px solid #888;
 	-webkit-appearance: none;
 	margin: 0.25em 0 0.25em 0;
+}
+
+.tw-edit-texteditor input {
+	background-color: #f8f8f8;
 	<<box-shadow "inset 0 1px 8px rgba(0, 0, 0, 0.15)">>
 }
 

core/templates/EditTemplate.tid

@@ -3,16 +3,18 @@ modifier: JeremyRuston
 
 <span class="tw-tiddler-controls"> <$button message="tw-delete-tiddler" class="btn-invisible">{{$:/core/images/delete-button.svg}}</$button> <$button message="tw-cancel-tiddler" class="btn-invisible">{{$:/core/images/cancel-button.svg}}</$button> <$button message="tw-save-tiddler" class="btn-invisible">{{$:/core/images/done-button.svg}}</$button> </span>
 
-<$view field="title"/> 
+<$view field="title"/>
 
 @@.title
 <$edit field="draft.title"/>
 @@
 
-Type tags separated with spaces, `[[`using double square brackets`]]` if necessary:
+<div class="tw-tiddler-help">Type tags separated with spaces, &#91;&#91;using double square brackets&#93;&#93; if necessary</div>
 
 <$edit field="tags"/>
 
+<div class="tw-tiddler-help">Use WikiText to add formatting, images, and dynamic features</div>
+
 @@.body
 <$edit field="text"/>
 @@