From 00409ac11abfe56ca67c2d16379bc06c8bf86c09 Mon Sep 17 00:00:00 2001
From: Francesco Esposito <33671357+frab1t@users.noreply.github.com>
Date: Tue, 16 Apr 2019 12:53:26 +0200
Subject: [PATCH] Fix responsive box

---
 src/components/Box.js   | 4 ++--
 src/components/Timer.js | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/Box.js b/src/components/Box.js
index 7b1a889..95a5e7a 100644
--- a/src/components/Box.js
+++ b/src/components/Box.js
@@ -27,7 +27,7 @@ class Box extends Component {
           </Col>
         </Row>
         <Row>
-          <Col xs="6" md="6">
+          <Col xs="6">
             <Button
               className="button"
               color="danger"
@@ -38,7 +38,7 @@ class Box extends Component {
               STOP
              </Button>
           </Col>
-          <Col xs="6" md="6">
+          <Col xs="6">
               <Button
                 className="button"
                 color="secondary"
diff --git a/src/components/Timer.js b/src/components/Timer.js
index 78534ea..d154ff6 100644
--- a/src/components/Timer.js
+++ b/src/components/Timer.js
@@ -135,7 +135,7 @@ class Timer extends Component {
             </Col>
           </Row>
           <Row>
-            <Col md={{ size: 6, offset: 3 }}>
+            <Col sm={{size: 10, offset: 1}} md={{size: 8, offset: 2}} lg={{ size: 6, offset: 3 }}>
               <Box
                 startTimer={this.startTimer}
                 stopTimer={this.stopTimer}