From cd8900070ad0e5b5f78dd1dbed78754337f3df9b Mon Sep 17 00:00:00 2001
From: Yingtong Li <runassudo@yingtongli.me>
Date: Fri, 8 Feb 2019 20:52:33 +1100
Subject: [PATCH] Add some help text to bulletin edit page

---
 sspromotions/jinja2/sspromotions/bulletin_edit.html | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/sspromotions/jinja2/sspromotions/bulletin_edit.html b/sspromotions/jinja2/sspromotions/bulletin_edit.html
index e747133..f1e040f 100644
--- a/sspromotions/jinja2/sspromotions/bulletin_edit.html
+++ b/sspromotions/jinja2/sspromotions/bulletin_edit.html
@@ -38,11 +38,11 @@
 		</div>
 		<div class="ui required inline grid field">
 			<label class="three wide column">Date</label>
-			<div class="ten wide column">
+			<div class="eleven wide column">
 				<div class="ui calendar" id="cal_date">
 					<div class="ui input left icon grid">
 						<i class="calendar icon" style="z-index: 999;"></i>
-						<input class="twelve wide column" type="text" name="date" value="{{ item.date or '' }}">
+						<input class="sixteen wide column" type="text" name="date" value="{{ item.date or '' }}">
 					</div>
 				</div>
 				<div style="margin-top: 1.5em;">Choose the date to publish the bulletin item (must be a Sunday).</div>
@@ -60,7 +60,12 @@
 		<div class="ui divider"></div>
 		<div class="ui required inline grid field">
 			<label class="three wide column">Content</label>
-			<textarea class="eleven wide column" rows="6" name="content">{{ item.content }}</textarea>
+			<div class="eleven wide column">
+				<div class="ui grid">
+					<textarea class="sixteen wide column" rows="6" name="content">{{ item.content }}</textarea>
+					<div style="margin-top: 0.5em;">To add formatting, use <a href="https://www.markdownguide.org/basic-syntax">Markdown</a> syntax. Quick reference: **<b>bold</b>** *<i>italic</i>* [<a href="http://example.com">link text</a>](http://example.com)</div>
+				</div>
+			</div>
 		</div>
 		<div class="ui inline grid field">
 			<label class="three wide column">Link</label>
@@ -82,6 +87,7 @@
 						</div>
 					</div>
 				{% endfor %}
+				<div style="margin-top: 0.5em;">Using this option, you can limit the bulletin item to members who are also in one or more of the selected groups.</div>
 			</div>
 		</div>
 		<div class="ui divider"></div>