From b0050c00f426c10860be820477c2144faf020173 Mon Sep 17 00:00:00 2001
From: mrpatpat <adrian.endrich@googlemail.com>
Date: Tue, 20 Feb 2018 14:08:20 +0100
Subject: [PATCH] detail panel background

---
 CHANGELOG.md                                                | 1 +
 visualization/app/codeCharta/ui/detailPanel/detailPanel.css | 4 ++++
 visualization/app/codeCharta/ui/detailPanel/detailPanel.ts  | 1 +
 3 files changed, 6 insertions(+)
 create mode 100644 visualization/app/codeCharta/ui/detailPanel/detailPanel.css

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 7a329fe934..a49deae360 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -8,6 +8,7 @@ and this project adheres to [Semantic Versioning](http://semver.org/)
 ### Added
 
 ### Changed
+- detail panel background is white now. better visibility
 
 ### Removed
 
diff --git a/visualization/app/codeCharta/ui/detailPanel/detailPanel.css b/visualization/app/codeCharta/ui/detailPanel/detailPanel.css
new file mode 100644
index 0000000000..4e2d0f95ad
--- /dev/null
+++ b/visualization/app/codeCharta/ui/detailPanel/detailPanel.css
@@ -0,0 +1,4 @@
+detail-panel-component table {
+    background-color: #fff;
+    opacity: 0.9;
+}
\ No newline at end of file
diff --git a/visualization/app/codeCharta/ui/detailPanel/detailPanel.ts b/visualization/app/codeCharta/ui/detailPanel/detailPanel.ts
index e7dbdf9034..f75f62ecd5 100755
--- a/visualization/app/codeCharta/ui/detailPanel/detailPanel.ts
+++ b/visualization/app/codeCharta/ui/detailPanel/detailPanel.ts
@@ -2,6 +2,7 @@ import angular from "angular";
 
 import "../../core/core.module";
 import "../../codeMap/codeMap";
+import "./detailPanel.css";
 
 import {detailPanelComponent} from "./detailPanelComponent";