diff --git a/src/App.js b/src/App.js index 8ae6574..a75ce31 100644 --- a/src/App.js +++ b/src/App.js @@ -1,6 +1,7 @@ import './App.css'; import {Button, ButtonGroup} from 'react-bootstrap'; import 'bootstrap/dist/css/bootstrap.min.css'; +import { IconContext } from 'react-icons/lib'; import { BsFacebook, BsInstagram, BsTwitter, BsGithub, BsYoutube, BsLinkedin, BsPinterest, BsReddit } from 'react-icons/bs'; import {GrTumblr} from 'react-icons/gr'; import Tumblr from './icons/Tumblr'; @@ -37,7 +38,7 @@ function App() { res = } else if (rootDetail.type === "tumblr") { - res = + res = } else if (rootDetail.type === "reddit") { res = diff --git a/src/roots.json b/src/roots.json index c18087d..d3a76d0 100644 --- a/src/roots.json +++ b/src/roots.json @@ -20,6 +20,11 @@ "type": "tumblr", "url": "https://mikwee.tumblr.com", "text": "My personal Tumblr blog" + }, + { + "type": "instagram", + "url": "https://instagram.com", + "text": "Instagram" } ] } \ No newline at end of file diff --git a/src/styles/roots.scss b/src/styles/roots.scss index 9bb7f0c..28ff443 100644 --- a/src/styles/roots.scss +++ b/src/styles/roots.scss @@ -31,8 +31,9 @@ $btn-border-width: 0px; #tumblr { background-color: #35465c; display: flex; - .icon { - flex-grow: 1; + align-items: center; + .text { + margin-left: 1mm; } } #reddit {