added style for inline code

client/stylesheets/base.less

@@ -41,7 +41,7 @@ a {
 
 code {
 	background: #f8f8f8;
-	border-radius: 6px;
+	border-radius: 4px;
 	border: 1px solid #ccc;
 	color: #333;
 	display: block;
@@ -49,6 +49,12 @@ code {
 	overflow-x: auto;
 	padding: 0.5em;
 	word-wrap: break-word;
+	&.inline {
+		display: inline-block;
+		padding: 0 10px;
+		margin: 0;
+		vertical-align: bottom;
+	}
 }
 
 .text-center {

packages/rocketchat-markdown/markdown.coffee

@@ -11,7 +11,7 @@ class Markdown
 		# Process MD like for strong, italic and strike
 		msg = msg.replace(/(\ |^)\*([^*]+)\*(\ |$)/gm, '$1<strong>$2</strong>$3')
 		msg = msg.replace(/(\ |^)\_([^_]+)\_(\ |$)/gm, '$1<em>$2</em>$3')
-		msg = msg.replace(/(\ |^)\`([^`]+)\`(\ |$)/gm, '$1<code>$2</code>$3')
+		msg = msg.replace(/(\ |^)\`([^`]+)\`(\ |$)/gm, '$1<code class="inline">$2</code>$3')
 		msg = msg.replace(/(\ |^)\~{1,2}([^~]+)\~{1,2}(\ |$)/gm, '$1<strike>$2</strike>$3')
 
 		message.html = msg