From 00d81f04449d68f64cbf58837a16d98a163dafc2 Mon Sep 17 00:00:00 2001
From: Jenn Giardino <jgiardin@redhat.com>
Date: Wed, 28 Oct 2020 11:19:47 -0400
Subject: [PATCH] Fix styles for `<Main>` in App.js

`<Main>` doesn't really belong in App.js given the html it renders,
but there's some additional thing happening with this component
that requires it to be here to support tests. This update addresses
the extra padding that it creates by being used at this level.

Closes #17
---
 src/App.js | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/src/App.js b/src/App.js
index c5943822..a38f8821 100644
--- a/src/App.js
+++ b/src/App.js
@@ -2,10 +2,8 @@ import PropTypes from 'prop-types';
 import React, { Component } from 'react';
 import { withRouter } from 'react-router-dom';
 import { connect } from 'react-redux';
-import {
-    Main,
-} from '@redhat-cloud-services/frontend-components';
 import { Routes } from './Routes';
+import { Main } from '@redhat-cloud-services/frontend-components';
 import './App.scss';
 
 class App extends Component {
@@ -30,7 +28,7 @@ class App extends Component {
 
     render () {
         return (
-            <Main>
+            <Main style={ { marginLeft: 0, padding: 0 } }>
                 <Routes childProps={ this.props } />
             </Main>
         );