diff --git a/css/main.css b/css/main.css
index 7cdd23465..dea360626 100644
--- a/css/main.css
+++ b/css/main.css
@@ -18,11 +18,21 @@ html, body {height: 100%;}
 	padding-bottom: 91px;}  /* must be same height as the footer */
 
 #footer {
-  position: relative;
+  position: fixed;
 	margin-top: -96px; /* negative value of footer height */
 	height: 96px;
 	clear:both;
   padding: 5px 2rem;
+  bottom: 0;
+  width: 100%;
+}
+
+.bottom-copay {
+  width: 80px;
+  text-align: center;
+  position: relative;
+  float: right;
+  margin-left: 15px;
 }
 
 .logo {
diff --git a/css/tpl-clean.css b/css/tpl-clean.css
index 7dd7f76d6..af66f4381 100644
--- a/css/tpl-clean.css
+++ b/css/tpl-clean.css
@@ -1,3 +1,8 @@
 .logo {
   background: transparent url('../img/logo.png');
 }
+
+#footer {
+  background: #333;
+  color: #fff;
+}
diff --git a/index.html b/index.html
index a0bf1443c..6ccfdd6fa 100644
--- a/index.html
+++ b/index.html
@@ -18,7 +18,7 @@
               <span class="logo"></span>
             </div>
             <div class="large-9 medium-9 columns text-center p10t" ng-show="$root.wallet">
-              <div class="large-4 columns line-dashed-v">
+              <div class="large-4 medium-4 columns line-dashed-v">
                 <a href="#/addresses" class="has-tip" tooltip-placement="bottom" tooltip="{{$root.wallet.id}}">
                   <strong><span>{{$root.getWalletDisplay()}}</span></strong>
                 </a> 
@@ -103,34 +103,36 @@
   <div id="footer" data-ng-controller="FooterController" ng-show="$root.wallet">
     <link rel="stylesheet" ng-href="{{theme}}">
     <div class="row">
-      <div class="large-2 columns">
-        <strong><div>{{$root.getWalletDisplay()}}</div></strong>
-        <span class="size-12">
+      <div class="large-3 medium-3 columns m10t">
+        <div>
+          <strong>{{$root.getWalletDisplay()}}</strong>
+        </div>
+        <div class="size-12 m10t">
           {{$root.wallet.requiredCopayers}}-of-{{$root.wallet.totalCopayers}} wallet
-        </span> 
+        </div>
+        <div class="size-12 m10t" ng-if="themes.length > 1">
+          <a class="size-12" ng-click="change_theme(th)" ng-repeat="th in themes">{{th}} {{$last ? '' : '&middot; '}}</a>
+        </div>
       </div>
-      <div class="large-2 columns" style="float:right;"
-          ng-repeat="c in $root.wallet.getRegisteredPeerIds()">
-        <video 
-          ng-class="($root.wallet.getOnlinePeerIDs().indexOf(c.peerId) != -1) ? 'online' : 'offline'"
-          class="video-small"
-          autoplay ng-show="$root.videoSrc[c.peerId]" 
-          ng-src="{{$root.getVideoURL(c.peerId)}}"
-          id="{{c.peerId + '-video'}}" muted="true"
-          title="{{c.peerId + (c.peerId == $root.wallet.network.peerId?' (You)':'')}}" ></video>
-        <img ng-show="!$root.videoSrc[c.peerId]" 
-          ng-class="($root.wallet.getOnlinePeerIDs().indexOf(c.peerId) != -1) ? 'online' : 'offline'"
-          class="video-small"
-          src="./img/satoshi.gif" 
-          title="{{c.peerId + (c.peerId == $root.wallet.network.peerId?' (You)':'')}}" />
-        <div ng-if="c.nick" class="small-8 text-center" style="position:absolute; width:115%; bottom:-10px">{{c.nick}}</div>
+      <div class="large-9 medium-9 columns">
+        <div class="bottom-copay"
+            ng-repeat="c in $root.wallet.getRegisteredPeerIds()">
+          <video 
+            ng-class="($root.wallet.getOnlinePeerIDs().indexOf(c.peerId) != -1) ? 'online' : 'offline'"
+            class="video-small"
+            autoplay ng-show="$root.videoSrc[c.peerId]" 
+            ng-src="{{$root.getVideoURL(c.peerId)}}"
+            id="{{c.peerId + '-video'}}" muted="true"
+            title="{{c.peerId + (c.peerId == $root.wallet.network.peerId?' (You)':'')}}" ></video>
+          <img ng-show="!$root.videoSrc[c.peerId]" 
+            ng-class="($root.wallet.getOnlinePeerIDs().indexOf(c.peerId) != -1) ? 'online' : 'offline'"
+            class="video-small"
+            src="./img/satoshi.gif" 
+            title="{{c.peerId + (c.peerId == $root.wallet.network.peerId?' (You)':'')}}" />
+          <span ng-if="c.nick" style="position:absolute; bottom:-10px; width: 80px; overflow: hidden;">{{c.nick}}</span>
+        </div>
       </div>
     </div>
-    <!--
-    <div class="large-2 columns text-right">
-      <a class="size-12" ng-if="themes.length > 1" ng-click="change_theme(th)" ng-repeat="th in themes">{{th}} {{$last ? '' : '&middot; '}}</a>
-    </div>
-    -->
   </div>
 
     <!-- Templates -->