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; }