From 672b4561930df8d34813bb8c8fe9633ea376e267 Mon Sep 17 00:00:00 2001
From: Connor Turland <connorturland@gmail.com>
Date: Tue, 12 Sep 2017 21:37:49 -0400
Subject: [PATCH] add markdown clarifications

---
 app/assets/stylesheets/base.scss.erb      | 5 +++++
 frontend/src/components/TopicCard/Desc.js | 3 ++-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/app/assets/stylesheets/base.scss.erb b/app/assets/stylesheets/base.scss.erb
index c4c7ab7c..40884078 100644
--- a/app/assets/stylesheets/base.scss.erb
+++ b/app/assets/stylesheets/base.scss.erb
@@ -120,6 +120,11 @@
   p.emptyDesc {
     color: rgba(66, 66, 66, 0.6);
   }
+
+  a.mdSupport {
+    color: #4fb5c0;
+    font-size: 11px;
+  }
 }
 .CardOnGraph.hasAttachment .scroll {
   height: auto;
diff --git a/frontend/src/components/TopicCard/Desc.js b/frontend/src/components/TopicCard/Desc.js
index 99e342cd..9529cbfe 100644
--- a/frontend/src/components/TopicCard/Desc.js
+++ b/frontend/src/components/TopicCard/Desc.js
@@ -26,7 +26,7 @@ class MdTextArea extends RIETextArea {
 class Desc extends Component {
   render = () => {
     const descHTML = (!this.props.desc && this.props.authorizedToEdit)
-      ? '<p class="emptyDesc">Edit the description...</p>'
+      ? '<p class="emptyDesc">Edit the description... (supports markdown)</p>'
       : Util.mdToHTML(this.props.desc)
 
     if (this.props.authorizedToEdit) {
@@ -51,6 +51,7 @@ class Desc extends Component {
               dangerouslySetInnerHTML: { __html: descHTML }
             }}
           />
+          <a className="mdSupport" href="http://commonmark.org/help/" target="_blank">learn markdown</a>
           <div className="clearfloat"></div>
         </div>
       </div>