fix: revert back to table based layout, add example image (fixes #35, #…

…15, #21)

README.md

@@ -12,6 +12,8 @@
 
 A simple and beautiful text diff viewer component made with [Diff](https://github.com/kpdecker/jsdiff) and [React](https://reactjs.org).
 
+![example image](./example.jpg)
+
 Inspired by the Github diff viewer, it includes features like split view, inline view, word diff, line highlight and more. It is highly customizable and it supports almost all languages.
 
 Most credit goes to [Pranesh Ravi](https://praneshravi.in) who created the [original diff viewer](https://github.com/praneshr/react-diff-viewer). I've just made a few modifications and updated the dependencies so they work with modern stacks.

examples/src/diff/javascript/new.rjs

@@ -3,6 +3,10 @@ var webpack = require('webpack');
 var HtmlWebpackPlugin = require('html-webpack-plugin');
 var ExtractTextPlugin = require('extract-text-webpack-plugin');
 var WriteFilePlugin = require('write-file-webpack-plugin');
+const additionalConfiguration = {
+	contentBase: path.resolve(__dirname, './app'),
+	reloadModules: true,
+}
 module.exports = {
   entry: [
     'webpack/hot/dev-server',
@@ -40,6 +44,8 @@ module.exports = {
       },
     ],
   },
+  trailingSpaces: '',
+  test: "this is an incredibly long string that should be broken up into multiple lines to make it easier to read and maintain. This is a test of the emergency broadcast system. This is only a test. If this were a real emergency, you would be instructed to do something else. But it's not, so you're not. You're just reading a long string. Sorry. ",
   plugins: [
     new WriteFilePlugin(),
     new ExtractTextPlugin('app.css', {

examples/src/diff/javascript/old.rjs

@@ -60,6 +60,7 @@ module.exports = {
       },
     ],
   },
+  trailingSpaces: '',
   plugins: [
     new WriteFilePlugin(),
     new ExtractTextPlugin('app.css', {