From adbeaaa8da3f0fbdfbb66ea06bf93c90f005d619 Mon Sep 17 00:00:00 2001
From: mikwee <mikwee@protonmail.ch>
Date: Tue, 16 Nov 2021 19:30:34 +0200
Subject: [PATCH] Added classes

---
 src/App.js | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/App.js b/src/App.js
index e647c4c..e2e43af 100644
--- a/src/App.js
+++ b/src/App.js
@@ -19,31 +19,31 @@ function App() {
               res = <Button id="facebook" variant="primary" href={rootDetail.url}><Facebook/> {rootDetail.text}</Button>
             }
             else if(rootDetail.type === "instagram") {
-              res = <Button id="instagram" variant="primary" href={rootDetail.url}><Instagram/> {rootDetail.text}</Button>
+              res = <Button className="roots" id="instagram" variant="primary" href={rootDetail.url}><Instagram/> {rootDetail.text}</Button>
             }
             else if (rootDetail.type === "twitter") {
-              res = <Button id="twitter" variant="primary" href={rootDetail.url}><Twitter/> {rootDetail.text}</Button>
+              res = <Button className="roots" id="twitter" variant="primary" href={rootDetail.url}><Twitter/> {rootDetail.text}</Button>
             }
             else if (rootDetail.type === "github") {
-              res = <Button id="github" variant="primary" href={rootDetail.url}><Github/> {rootDetail.text}</Button>
+              res = <Button className="roots" id="github" variant="primary" href={rootDetail.url}><Github/> {rootDetail.text}</Button>
             }
             else if (rootDetail.type === "youtube") {
-              res = <Button id="youtube" variant="primary" href={rootDetail.url}><Youtube/> {rootDetail.text}</Button>
+              res = <Button className="roots" id="youtube" variant="primary" href={rootDetail.url}><Youtube/> {rootDetail.text}</Button>
             }
             else if (rootDetail.type === "linkedin") {
-              res = <Button id="linkedin" variant="primary" href={rootDetail.url}><Linkedin/> {rootDetail.text}</Button>
+              res = <Button className="roots" id="linkedin" variant="primary" href={rootDetail.url}><Linkedin/> {rootDetail.text}</Button>
             }
             else if (rootDetail.type === "pinterest") {
-              res = <Button id="pinterest" variant="primary" href={rootDetail.url}><Pinterest/> {rootDetail.text}</Button>
+              res = <Button className="roots" id="pinterest" variant="primary" href={rootDetail.url}><Pinterest/> {rootDetail.text}</Button>
             }
             else if (rootDetail.type === "tumblr") {
-              res = <Button id="tumblr" variant="primary" href={rootDetail.url}><Tumblr viewBox="250 0 300 200" width="32px" height="32px"/> {rootDetail.text}</Button>
+              res = <Button className="roots" id="tumblr" variant="primary" href={rootDetail.url}><Tumblr viewBox="250 0 300 200" width="32px" height="32px"/> {rootDetail.text}</Button>
             }
             else if (rootDetail.type === "reddit") {
-              res = <Button id="reddit" variant="primary" href={rootDetail.url}><Reddit/> {rootDetail.text}</Button>
+              res = <Button className="roots" id="reddit" variant="primary" href={rootDetail.url}><Reddit/> {rootDetail.text}</Button>
             }
             else if (rootDetail.type === "basic") {
-              res = <Button variant="primary" href={rootDetail.url}>{rootDetail.text}</Button>
+              res = <Button className="roots" variant="primary" href={rootDetail.url}>{rootDetail.text}</Button>
             }
             else {
               // throw "One of your roots has an unrecognized type. Check out the documentation for the supported types.";