From fc0aafebdd94719dcff7e6aa647eb4de783ce757 Mon Sep 17 00:00:00 2001
From: Johannes Zillmann <jz@datameer.com>
Date: Sat, 11 Feb 2017 15:04:00 +0100
Subject: [PATCH] Render pdf items as pre elements to see duplicate whitespaces

---
 .../components/debug/PdfPageView.jsx          | 20 +++++++++++--------
 1 file changed, 12 insertions(+), 8 deletions(-)

diff --git a/src/javascript/components/debug/PdfPageView.jsx b/src/javascript/components/debug/PdfPageView.jsx
index 85a693c..b387a23 100644
--- a/src/javascript/components/debug/PdfPageView.jsx
+++ b/src/javascript/components/debug/PdfPageView.jsx
@@ -41,9 +41,6 @@ export default class PdfPageView extends React.Component {
                               <th>
                                 Height
                               </th>
-                              <th>
-                                Annotation
-                              </th>
                             </tr>
                           </thead>
                           <tbody>
@@ -51,10 +48,20 @@ export default class PdfPageView extends React.Component {
                                                         color: textItem.annotation.color
                                                     } : null }>
                                                                <td>
-                                                                 { i }
+                                                                 <div style={ { textAlign: 'center' } }>
+                                                                   { i }
+                                                                 </div>
+                                                                 <div style={ { textAlign: 'center' } }>
+                                                                   { textItem.annotation ? textItem.annotation.category : '' }
+                                                                 </div>
                                                                </td>
                                                                <td>
-                                                                 { textItem.text }
+                                                                 <pre style={ textItem.annotation ? {
+                                                                                  color: textItem.annotation.color,
+                                                                                  display: 'inline-block',
+                                                                              } : {
+                                                                                  display: 'inline-block'
+                                                                              } }>{ textItem.text }</pre>
                                                                </td>
                                                                <td>
                                                                  { textItem.x }
@@ -68,9 +75,6 @@ export default class PdfPageView extends React.Component {
                                                                <td>
                                                                  { textItem.height }
                                                                </td>
-                                                               <td>
-                                                                 { textItem.annotation ? textItem.annotation.category : '' }
-                                                               </td>
                                                              </tr>
                               ) }
                           </tbody>