diff --git a/common/locales/en/generic.json b/common/locales/en/generic.json
index 5fc8d72b12..730dc385c4 100644
--- a/common/locales/en/generic.json
+++ b/common/locales/en/generic.json
@@ -14,9 +14,11 @@
"bold": "**Bold**",
"strikethrough": "~~Strikethrough~~",
"emojiExample": ":smile:",
- "habitrpgIsGreat": "[HabitRPG is great!](http://habitrpg.com)",
+ "habitrpgIsGreat": "[HabitRPG is great!](https://habitrpg.com)",
"markdownImageExample": "",
"markdownImageCode": "",
+ "unorderedListHTML": "+ First item
+ Second item
+ Third item",
+ "unorderedListMarkdown": "+ First item\n+ Second item\n+ Third item",
"code": "`code`",
"achievements": "Achievements",
"modalAchievement": "Achievement!",
diff --git a/website/public/css/game-pane.styl b/website/public/css/game-pane.styl
index 1079176186..1b6b1976ad 100644
--- a/website/public/css/game-pane.styl
+++ b/website/public/css/game-pane.styl
@@ -21,18 +21,13 @@
padding: 1em;
margin-bottom: 0.5em;
-.chat-controls
- > div
- display: inline-block
- vertical-align: top
- &:nth-of-type(1)
- width: 50%
- &:nth-of-type(2)
- width: 50%
+.formatting-help
+ clear: both
+ padding-top: 0.618em
.chat-buttons
@extend $hrpg-button
- text-align: right;
+ float: right;
input
margin-right: 0.618em
diff --git a/website/views/options/social/chat-box.jade b/website/views/options/social/chat-box.jade
index 2266fd5e31..aa709a257a 100644
--- a/website/views/options/social/chat-box.jade
+++ b/website/views/options/social/chat-box.jade
@@ -17,9 +17,8 @@ form.chat-form(ng-if='user.flags.communityGuidelinesAccepted' ng-submit='postCha
ul.list-at-user(ng-show="query")
li(ng-repeat='msg in response | filter:filterUser | limitTo: 5', ng-click='performCompletion(msg)')
span.username.label.label-default(ng-class=':: userLevelStyle(msg)') {{::msg.user}}
- .chat-controls
- .chat-formatting
- include ../../shared/formatting-help
+ .chat-controls.clearfix
.chat-buttons
input(type='submit', value=env.t('sendChat'), ng-class='{disabled: _sending == true}')
button(type="button", ng-click='sync(group)')=env.t('toolTipMsg')
+ include ../../shared/formatting-help
diff --git a/website/views/shared/formatting-help.jade b/website/views/shared/formatting-help.jade
index 71da0b5cd4..ae5c614756 100644
--- a/website/views/shared/formatting-help.jade
+++ b/website/views/shared/formatting-help.jade
@@ -1,40 +1,36 @@
-small(ng-init='showHelp = false')
- a(ng-click='showHelp = !showHelp', ng-show='!showHelp')
- =env.t('showFormattingHelp')
- a(ng-click='showHelp = !showHelp', ng-show='showHelp')
- =env.t('hideFormattingHelp')
-div(ng-show='showHelp')
- br
- p!=env.t('markdownBlurb')
+small.btn-link(ng-init='showHelp = false', ng-click='showHelp = !showHelp')
+ | {{showHelp ? env.t('hideFormattingHelp') : env.t('showFormattingHelp')}}
+
+.formatting-help(ng-if='showHelp')
table.table.table-striped
tr.info
td #[b=env.t('youType')]
td #[b=env.t('youSee')]
tr
- td!=env.t('italics')
- td
- markdown(text="env.t('italics')")
+ td=env.t('italics')
+ td #[markdown(text="env.t('italics')")]
tr
- td!=env.t('bold')
- td
- markdown(text="env.t('bold')")
+ td=env.t('bold')
+ td #[markdown(text="env.t('bold')")]
tr
- td!=env.t('strikethrough')
- td
- markdown(text="env.t('strikethrough')")
+ td=env.t('strikethrough')
+ td #[markdown(text="env.t('strikethrough')")]
tr
- td!=env.t('emojiExample')
- td
- markdown(text="env.t('emojiExample')")
+ td=env.t('emojiExample')
+ td #[markdown(text="env.t('emojiExample')")]
tr
- td!=env.t('habitrpgIsGreat')
- td
- markdown(text="env.t('habitrpgIsGreat')")
+ td=env.t('habitrpgIsGreat')
+ td #[markdown(text="env.t('habitrpgIsGreat')")]
//tr
- td!=env.t('markdownImageExample')
- td
- markdown(text="env.t('markdownImageCode')")
+ td=env.t('markdownImageExample')
+ td #[markdown(text="env.t('markdownImageCode')")]
tr
- td!=env.t('code')
- td
- markdown(text="env.t('code')")
+ td!=env.t('unorderedListHTML')
+ td #[markdown(text="env.t('unorderedListMarkdown')")]
+ tr
+ td=env.t('code')
+ td #[markdown(text="env.t('code')")]
+
+ hr
+ p.text-center.muted!=env.t('markdownBlurb')
+ hr
diff --git a/website/views/shared/modals/members.jade b/website/views/shared/modals/members.jade
index d48dc03616..7052d5da6f 100644
--- a/website/views/shared/modals/members.jade
+++ b/website/views/shared/modals/members.jade
@@ -90,6 +90,7 @@ script(type='text/ng-template', id='modals/send-gift.html')
| {{block.months}} Month(s): ${{block.price}}
textarea.form-control(rows='3', ng-model='gift.message', placeholder='Personal message (optional)')
+ include ../formatting-help
.modal-footer
- var fromBal = "gift.type=='gems' && gift.gems.fromBalance"