diff --git a/src/public/components/app.js b/src/public/components/app.js
index ebb5ac8..b4f2e77 100644
--- a/src/public/components/app.js
+++ b/src/public/components/app.js
@@ -131,6 +131,13 @@ var App = React.createClass({
DAVIDS DuplicAtes VIewer and Detector for Spotify
{content}
+
);
}
diff --git a/src/public/style.css b/src/public/style.css
index 968d7e7..6fbca68 100644
--- a/src/public/style.css
+++ b/src/public/style.css
@@ -13,6 +13,8 @@
}
html {
+ position: relative;
+ min-height: 100%;
font-size: 16px;
}
@@ -20,4 +22,19 @@ body {
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif;
line-height: 1.5;
+ /* Margin bottom by footer height */
+ margin-bottom: 60px;
+}
+
+.footer {
+ position: absolute;
+ bottom: 0;
+ width: 100%;
+ /* Set the fixed height of the footer here */
+ height: 60px;
+ background-color: #f5f5f5;
+}
+
+.container-fluid .text-muted {
+ margin: 20px 0;
}