Link to help for markdown usage

Signed-off-by: Julius Härtl <jus@bitgrid.net>

css/style.css

@@ -506,7 +506,7 @@ button:hover {
 	background-color: white;
 }
 
-.save-indicator {
+#card-description .save-indicator {
 	background-color: #009900;
 	color: #ffffff;
 	border-radius: 3px;
@@ -515,6 +515,9 @@ button:hover {
 	font-size: 8pt !important;
 	display: none;
 }
+#card-description .icon-help {
+	float: right;
+}
 
 #sidebar-header,
 .card-block {
@@ -905,6 +908,12 @@ button:hover {
 	background-image: url('../../../settings/img/users.svg');
 }
 
+.icon-help {
+	background-image: url('../../../settings/img/help.svg');
+	padding: 11px 20px;
+	vertical-align: text-bottom;
+}
+
 .icon-add-white {
 	background-image: url('../img/add-white.svg');
 }

templates/part.card.php

@@ -64,7 +64,11 @@
 	</div>//-->
 
 	<div id="card-description">
-		<h3>Description<div class="save-indicator"><?php p($l->t('Saved')); ?></div></h3>
+		<h3>
+			<?php p($l->t('Description')); ?>
+			<a href="https://github.com/nextcloud/deck/wiki/Markdown-Help" target="_blank" class="icon-help" title="<?php p($l->t('Formating help')); ?>"></a>
+			<span class="save-indicator"><?php p($l->t('Saved')); ?></span>
+		</h3>
 		<textarea elastic ng-if="status.cardEditDescription"
 				  placeholder="Enter your description here ..."
 				  ng-blur="cardUpdate(cardservice.getCurrent())"