Fix CSS table text alignment for very long lines

Chrome has a default "verticle-align: middle" for <td>.

Signed-off-by: Jack Cherng <jfcherng@gmail.com>

Author: jfcherng

example/diff-table.css

@@ -18,6 +18,9 @@
 .diff-wrapper.diff th {
   font-weight: 700;
 }
+.diff-wrapper.diff td {
+  vertical-align: baseline;
+}
 .diff-wrapper.diff td,
 .diff-wrapper.diff th {
   border-collapse: separate;

example/diff-table.scss

@@ -48,6 +48,10 @@ $diff-bg-color-none-block-alternative: mix($diff-bg-color, $diff-table-sidebar-c
     font-weight: 700;
   }
 
+  td {
+    vertical-align: baseline;
+  }
+
   td,
   th {
     border-collapse: separate;