styling: GFM tweaks #4054

rhodecode/public/css/code-block.less

@@ -494,7 +494,19 b' div.codeblock {'
 }
 
 .code-highlighttable,
-div.codeblock .code-body table {
+div.codeblock {
+
+    .code-body .markdown-block table {
+        border-collapse: collapse;
+
+        th,
+        td {
+            padding: .5em !important;
+            border: @border-thickness solid @border-default-color !important;
+        }
+    }
+
+    .code-body table {
     width: 0 !important;
     border: 0px !important;
     margin: 0;
@@ -506,6 +518,7 b' div.codeblock .code-body table {'
         vertical-align: top;
     }
 }
+}
 
 div.codeblock .code-header .search-path { padding: 0 0 0 10px; }
 div.search-code-body {

rhodecode/public/css/legacy_code_styles.less

@@ -177,8 +177,7 b' div.markdown-block p,'
 div.markdown-block blockquote,
 div.markdown-block dl,
 div.markdown-block li,
-div.markdown-block table,
-div.markdown-block pre {
+div.markdown-block table {
     margin: 15px 0 !important;
     margin: 3px 0px 13px 0px !important;
     color: #424242 !important;
@@ -189,6 +188,17 b' div.markdown-block pre {'
     line-height: 140% !important;
 }
 
+div.markdown-block pre {
+  margin: 15px 0 !important;
+  margin: 3px 0px 13px 0px !important;
+  padding: .5em;
+  color: #424242 !important;
+  font-size: 13px !important;
+  overflow: visible !important;
+  line-height: 140% !important;
+  background-color: @grey7;
+}
+
 div.markdown-block img {
         padding: 4px;
         border: @border-thickness solid @grey5;
@@ -265,7 +275,8 b' div.markdown-block code {'
 div.markdown-block pre {
     border: @border-thickness solid @grey5;
     overflow: auto;
-    padding: 4px 8px;
+    padding: .5em;
+    background-color: @grey7;
 }
 
 div.markdown-block pre > code {