From 272f7a4b4e7ae720624ee69aab6dce570a0baa09 Mon Sep 17 00:00:00 2001
From: Gabriel Augendre <gabriel@augendre.info>
Date: Tue, 26 Apr 2016 02:50:53 +0200
Subject: [PATCH] Update footer design

---
 src/public/components/app.js | 9 +++++++--
 src/public/style.css         | 8 ++++++--
 2 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/src/public/components/app.js b/src/public/components/app.js
index 6140079..069f217 100644
--- a/src/public/components/app.js
+++ b/src/public/components/app.js
@@ -133,13 +133,18 @@ var App = React.createClass({
                 <Authenticate activeTab={this.state.activeTab} showFinder={this.showFinder} showAbout={this.showAbout}
                               auth={auth} refreshAuth={this.refreshAuth}/>
                 <div className="container-fluid">
-                    <h1>DAVIDS <small className="hidden-sm hidden-xs">DuplicAtes VIewer and Detector for Spotify</small></h1>
+                    <h1>
+                        DAVIDS
+                        <small className="hidden-sm hidden-xs">DuplicAtes VIewer and Detector for Spotify</small>
+                    </h1>
                     {content}
                 </div>
                 <footer className="footer">
                     <div className="container-fluid">
                         <p className="text-muted">
-                            Copyright © {(new Date()).getFullYear()} Gabriel Augendre : <a href="https://github.com/Crocmagnon/DAVIDS/tree/master/LICENSE">MIT License</a>.
+                            Copyright © {(new Date()).getFullYear()} Gabriel Augendre &bull; <a
+                            href="https://github.com/Crocmagnon/DAVIDS/tree/master/LICENSE">MIT License</a> &bull; <a
+                            href="https://github.com/Crocmagnon/">Other work</a>
                         </p>
                     </div>
                 </footer>
diff --git a/src/public/style.css b/src/public/style.css
index 2bc3698..9257a21 100644
--- a/src/public/style.css
+++ b/src/public/style.css
@@ -37,9 +37,13 @@ body {
     width: 100%;
     /* Set the fixed height of the footer here */
     height: 60px;
+    line-height: 60px;
     background-color: #f5f5f5;
 }
 
-.container-fluid .text-muted {
-    margin: 20px 0;
+.footer p {
+    margin: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
 }