From c302b8aa912feae0c779aeb97e84800608c5cf70 Mon Sep 17 00:00:00 2001
From: Laurens Valk <laurens@pybricks.com>
Date: Fri, 29 May 2020 13:24:16 +0200
Subject: [PATCH] app: remove duplicate padding due nested row/col

---
 src/components/App.tsx | 4 ++--
 src/index.scss         | 9 +++++++++
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/components/App.tsx b/src/components/App.tsx
index 94d2010a..ad3badc6 100644
--- a/src/components/App.tsx
+++ b/src/components/App.tsx
@@ -14,10 +14,10 @@ function App(): JSX.Element {
         <div>
             <Container fluid className="vh-100 d-flex flex-column">
                 <Row>
-                    <Col xs={12} md={8}>
+                    <Col xs={12} md={8} className="outer-container-col">
                         <Container
                             fluid
-                            className="vh-100 d-flex flex-column"
+                            className="vh-100 d-flex flex-column inner-container-col"
                         >
                             <Row>
                                 <Col>
diff --git a/src/index.scss b/src/index.scss
index 5162395d..25e038eb 100644
--- a/src/index.scss
+++ b/src/index.scss
@@ -10,3 +10,12 @@ $body-bg: #0088ce;
 .Terminal {
     height: 15vh;
 }
+
+.outer-container-col {
+    padding: 0px;
+}
+
+.inner-container-col {
+    padding: 0px;
+    padding-right: 8px;
+}