Make diff table more compact

1 files changed, 5 insertions, 4 deletions

diff --git a/lib/render.js b/lib/render.js
index 7c2cf64..36f23ba 100644
--- a/lib/render.js
+++ b/lib/render.js
@@ -728,14 +728,15 @@ Render.prototype.textEditDiffTable = function (oldMsg, newMsg) {
   var newText = String(newC.text || newC.description || '')
   var diff = Diff.structuredPatch('', '', oldText, newText)
   var self = this
-  return h('table', [
+  // note: this structure is duplicated in lib/render.js
+  return h('table', {class: 'diff-table'}, [
     diff.hunks.map(function (hunk) {
       var oldLine = hunk.oldStart
       var newLine = hunk.newStart
       return [
         h('tr', [
           h('td', {colspan: 2}),
-          h('td', h('pre',
+          h('td', {colspan: 2}, h('pre',
             '@@ -' + oldLine + ',' + hunk.oldLines + ' ' +
             '+' + newLine + ',' + hunk.newLines + ' @@'))
         ]),
@@ -750,8 +751,8 @@ Render.prototype.textEditDiffTable = function (oldMsg, newMsg) {
               lineNums.map(function (num, i) {
                 return h('td', String(num))
               }),
-              h('td', {innerHTML:
-                h('code', s).outerHTML +
+              h('td', {class: 'diff-sigil'}, h('code', s)),
+              h('td', {class: 'diff-line'}, {innerHTML:
                 u.unwrapP(self.markdown(line.substr(1),
                   s == '-' ? oldC.mentions : newC.mentions))
               })