From 3156d3d7cedd2eee483179ddaf9c4a7dcbff598e Mon Sep 17 00:00:00 2001
From: Jermolene <jeremy@jermolene.com>
Date: Fri, 29 Apr 2016 17:18:58 +0100
Subject: [PATCH] Add spacers to formatting toolbar

---
 core/ui/EditorToolbar/heading-1.tid  | 1 +
 core/ui/EditorToolbar/mono-block.tid | 1 +
 core/ui/EditorToolbar/preview.tid    | 1 +
 core/ui/EditorToolbar/undo.tid       | 1 +
 themes/tiddlywiki/vanilla/base.tid   | 4 ++++
 5 files changed, 8 insertions(+)

diff --git a/core/ui/EditorToolbar/heading-1.tid b/core/ui/EditorToolbar/heading-1.tid
index 0d244aa88..2f0f41847 100644
--- a/core/ui/EditorToolbar/heading-1.tid
+++ b/core/ui/EditorToolbar/heading-1.tid
@@ -4,6 +4,7 @@ icon: $:/core/images/heading-1
 caption: {{$:/language/Buttons/Heading1/Caption}}
 description: {{$:/language/Buttons/Heading1/Hint}}
 condition: [<targetTiddler>!has[type]] [<targetTiddler>type[text/vnd.tiddlywiki]]
+button-classes: tc-text-editor-toolbar-item-start-group
 shortcuts: ((heading-1))
 
 <$action-sendmessage
diff --git a/core/ui/EditorToolbar/mono-block.tid b/core/ui/EditorToolbar/mono-block.tid
index 977937f09..4ef741695 100644
--- a/core/ui/EditorToolbar/mono-block.tid
+++ b/core/ui/EditorToolbar/mono-block.tid
@@ -4,6 +4,7 @@ icon: $:/core/images/mono-block
 caption: {{$:/language/Buttons/MonoBlock/Caption}}
 description: {{$:/language/Buttons/MonoBlock/Hint}}
 condition: [<targetTiddler>!has[type]] [<targetTiddler>type[text/vnd.tiddlywiki]]
+button-classes: tc-text-editor-toolbar-item-start-group
 shortcuts: ((mono-block))
 
 <$action-sendmessage
diff --git a/core/ui/EditorToolbar/preview.tid b/core/ui/EditorToolbar/preview.tid
index e8a7547be..96cb14cac 100644
--- a/core/ui/EditorToolbar/preview.tid
+++ b/core/ui/EditorToolbar/preview.tid
@@ -5,6 +5,7 @@ custom-icon: yes
 caption: {{$:/language/Buttons/Preview/Caption}}
 description: {{$:/language/Buttons/Preview/Hint}}
 condition: [<targetTiddler>]
+button-classes: tc-text-editor-toolbar-item-start-group
 shortcuts: ((preview))
 
 <$reveal state="$:/state/showeditpreview" type="match" text="yes" tag="span">
diff --git a/core/ui/EditorToolbar/undo.tid b/core/ui/EditorToolbar/undo.tid
index 4c4706159..ba8437877 100644
--- a/core/ui/EditorToolbar/undo.tid
+++ b/core/ui/EditorToolbar/undo.tid
@@ -4,6 +4,7 @@ icon: $:/core/images/undo
 caption: {{$:/language/Buttons/Undo/Caption}}
 description: {{$:/language/Buttons/Undo/Hint}}
 condition: [<targetTiddler>!is[image]]
+button-classes: tc-text-editor-toolbar-item-start-group
 
 <$action-sendmessage
 	$message="tm-edit-text-operation"
diff --git a/themes/tiddlywiki/vanilla/base.tid b/themes/tiddlywiki/vanilla/base.tid
index 5b73c9c57..5a0436049 100644
--- a/themes/tiddlywiki/vanilla/base.tid
+++ b/themes/tiddlywiki/vanilla/base.tid
@@ -987,6 +987,10 @@ html body.tc-body.tc-single-tiddler-window {
 	border-radius: 8px;	
 }
 
+.tc-editor-toolbar button.tc-text-editor-toolbar-item-start-group {
+	margin-left: 6px;
+}
+
 .tc-editor-toolbar button.tc-selected {
 	background-color: <<colour primary>>;
 }