From 2222ac0706fe81f4f048c4f07bd08885e3358b31 Mon Sep 17 00:00:00 2001
From: Florian Scholdei <florian.scholdei@cloudogu.com>
Date: Tue, 24 Sep 2019 09:36:48 +0200
Subject: [PATCH] move color definition on layer down to prevent modal font
 from changing

---
 .../packages/ui-components/src/repos/DiffFile.js            | 6 +++++-
 1 file changed, 5 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 1ad11ffef1..4742975b53 100644
--- a/scm-ui-components/packages/ui-components/src/repos/DiffFile.js
+++ b/scm-ui-components/packages/ui-components/src/repos/DiffFile.js
@@ -50,6 +50,9 @@ const styles = {
     /* prevent following content from moving down */
     "& > .diff-gutter:empty:hover::after": {
       fontSize: "0.7rem"
+    },
+    "& .diff-line": {
+      fontSize: "0.75rem"
     }
   }
 };
@@ -57,6 +60,7 @@ const styles = {
 type Props = DiffObjectProps & {
   file: File,
   collapsible: true,
+
   // context props
   classes: any,
   t: string => string
@@ -230,7 +234,7 @@ class DiffFile extends React.Component<Props, State> {
         : null;
       icon = "fa fa-angle-down";
       body = (
-        <div className="panel-block is-paddingless is-size-7">
+        <div className="panel-block is-paddingless">
           {fileAnnotations}
           <DiffComponent className={classes.diff} viewType={viewType}>
             {file.hunks.map(this.renderHunk)}