From be8a10ac3b0bb82cfdf6c8a91391baa833669ea2 Mon Sep 17 00:00:00 2001
From: Florian Scholdei <florian.scholdei@cloudogu.com>
Date: Fri, 13 Sep 2019 22:46:25 +0200
Subject: [PATCH] define always same width for code line indicator in diffview

---
 .../packages/ui-components/src/repos/DiffFile.js           | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/scm-ui-components/packages/ui-components/src/repos/DiffFile.js b/scm-ui-components/packages/ui-components/src/repos/DiffFile.js
index ab020f723d..26582ed820 100644
--- a/scm-ui-components/packages/ui-components/src/repos/DiffFile.js
+++ b/scm-ui-components/packages/ui-components/src/repos/DiffFile.js
@@ -34,6 +34,11 @@ const styles = {
   },
   changeType: {
     marginLeft: ".75rem"
+  },
+  diff: {
+    "& > colgroup .diff-gutter-col": {
+      width: "3.25rem"
+    }
   }
 };
 
@@ -221,7 +226,7 @@ class DiffFile extends React.Component<Props, State> {
       body = (
         <div className="panel-block is-paddingless is-size-7">
           {fileAnnotations}
-          <DiffComponent viewType={viewType}>
+          <DiffComponent className={classes.diff} viewType={viewType}>
             {file.hunks.map(this.renderHunk)}
           </DiffComponent>
         </div>