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 {