From 83b6ed7c8ddf45ecfea8dfccae43c99315e3ab47 Mon Sep 17 00:00:00 2001
From: Josef Skladanka <jskladan@redhat.com>
Date: Jan 11 2019 17:00:44 +0000
Subject: Make the big ass button responsive


---

diff --git a/src/LandingPage.js b/src/LandingPage.js
index dbf0b1c..6e146e8 100644
--- a/src/LandingPage.js
+++ b/src/LandingPage.js
@@ -37,7 +37,7 @@ class LandingPage extends Component {
                     <Row>
                         <div className="col-md-12" >
                             <h5 className="padded"></h5>
-                            <Button color="primary" className="btn-block" size="lg" href="/wizard" active tag="a">
+                            <Button color="primary" className="btn-block btn-wrap-text" size="lg" href="/wizard" active tag="a">
                                 Do you have some spare time? Feeling like helping others? Wanna improve Fedora? Click here!
                             </Button>
                         </div>
diff --git a/src/index.css b/src/index.css
index 9b4aa76..d237ed0 100644
--- a/src/index.css
+++ b/src/index.css
@@ -84,4 +84,9 @@ h5.padded {
   border-bottom-color: rgb(222, 226, 230);
   border-bottom-style: solid;
   border-bottom-width: 1px;
-}
\ No newline at end of file
+}
+
+.btn-wrap-text {
+    white-space: normal !important;
+    word-wrap: break-word !important;
+}