From e79a716c0f7c7bf0a58121c1c63dfc3c92b5a0f8 Mon Sep 17 00:00:00 2001
From: Jen Jones Arnesen <jennifer@dhis2.org>
Date: Wed, 10 Apr 2019 13:56:46 +0200
Subject: [PATCH] chore: use specific app class instead of generic 'app' to
 prevent side effects (#248)

* use specific app class instead of generic 'app' to prevent side effects

* remove withStyles
---
 packages/app/src/components/App.css | 4 ++--
 packages/app/src/components/App.js  | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/app/src/components/App.css b/packages/app/src/components/App.css
index 8c64997c32..d58e630c13 100644
--- a/packages/app/src/components/App.css
+++ b/packages/app/src/components/App.css
@@ -1,11 +1,11 @@
 /* App */
 
-.app {
+.data-visualizer-app {
     height: 100vh;
     background-color: #f4f6f8;
     overflow: hidden;
 }
-.app * {
+.data-visualizer-app * {
     outline: none;
 }
 
diff --git a/packages/app/src/components/App.js b/packages/app/src/components/App.js
index 421dc88296..539006ba16 100644
--- a/packages/app/src/components/App.js
+++ b/packages/app/src/components/App.js
@@ -163,7 +163,7 @@ export class App extends Component {
         return (
             <FatalErrorBoundary>
                 <AxisSetup />
-                <div className="app flex-ct flex-dir-col">
+                <div className="data-visualizer-app flex-ct flex-dir-col">
                     <div className="section-headerbar">
                         <HeaderBar appName={i18n.t('Data Visualizer')} />
                     </div>