From 159248ea8ab3e85d8f1ce283a29f71ccddeade58 Mon Sep 17 00:00:00 2001
From: Gustavo Cortez <cmgustavo83@gmail.com>
Date: Wed, 7 May 2014 15:16:56 -0300
Subject: [PATCH] Fixes #150

---
 css/tpl-default.css |  8 ++++++++
 index.html          | 22 +++++++++++-----------
 2 files changed, 19 insertions(+), 11 deletions(-)

diff --git a/css/tpl-default.css b/css/tpl-default.css
index 479a19bb5..f7e9970e3 100644
--- a/css/tpl-default.css
+++ b/css/tpl-default.css
@@ -117,6 +117,14 @@ a.box-backup {
   color: #111;
 }
 
+a.box-backup:hover {
+  background-color: #16A085;
+}
+
+a.box-backup:hover i, a.box-backup:hover p {
+  color: #fff;
+}
+
 .panel-sign {
   color: #111;
   background: #FAE448;
diff --git a/index.html b/index.html
index c04e4c846..1aa576fdb 100644
--- a/index.html
+++ b/index.html
@@ -103,7 +103,7 @@
   <div id="footer" data-ng-controller="FooterController" ng-show="$root.wallet">
     <link rel="stylesheet" ng-href="{{theme}}">
     <div class="row">
-      <div class="large-3 medium-3 columns m10t">
+      <div class="large-3 medium-3 small-3 columns m10t">
         <div>
           <strong>{{$root.getWalletDisplay()}}</strong>
         </div>
@@ -114,7 +114,7 @@
           <a class="size-12" ng-click="change_theme(th)" ng-repeat="th in themes">{{th}} {{$last ? '' : '&middot; '}}</a>
         </div>
       </div>
-      <div class="large-9 medium-9 columns">
+      <div class="large-9 medium-9 small-9 columns">
         <div class="bottom-copay"
             ng-repeat="c in $root.wallet.getRegisteredPeerIds()">
           <video 
@@ -272,8 +272,8 @@
       <div class="addresses" data-ng-controller="AddressesController">
         <div ng-show='$root.wallet.publicKeyRing.isComplete()'>
           <div class="row">
-            <div class="large-9 columns" ng-if="addrInfos[0]">
-              <div class="large-8 columns">
+            <div class="large-9 medium-12 columns" ng-if="addrInfos[0]">
+              <div class="large-8 medium-8 columns">
                 <a class="panel db" ng-repeat="addrInfo in addrInfos"
                   ng-click="selectAddr(addrInfo.address.toString())">
                   <span>{{addrInfo.address.toString()}}</span>
@@ -285,7 +285,7 @@
                   </span>
                 </a>
               </div>
-              <div class="large-4 columns line-dashed-v text-center">
+              <div class="large-4 medium-4 columns line-dashed-v text-center">
                 <qrcode size="160" data="{{selectedAddr}}"></qrcode>
                 <p class="m10t">
                   <strong>
@@ -296,7 +296,7 @@
                 </p>
               </div>
             </div>
-            <div class="columns text-center" ng-class="{'large-3' : !!addrInfos[0]}">
+            <div class="columns text-center m10t" ng-class="{'large-3' : !!addrInfos[0]}">
               <p> Create a New <strong> Address </strong> </p>
               <button class="secondary radius expandi new-address" ng-click="newAddr()"
                 ng-disabled="loading" loading="Creating"> Create </button>
@@ -457,7 +457,7 @@
     <script type="text/ng-template" id="send.html">
       <div class="send" data-ng-controller="SendController">
         <div class="row" ng-show='$root.wallet.publicKeyRing.isComplete()'>
-          <div class="small-6 large-centered columns">
+          <div class="medium-6 medium-centered large-6 large-centered columns">
             <h3>{{title}}</h3>
             <form name="sendForm" ng-submit="submitForm(sendForm)" novalidate>
               <div class="row">
@@ -500,7 +500,7 @@
               </div>
 
               <div class="row">
-                <div class="large-6 columns">
+                <div class="large-6 medium-6 columns">
                   <div class="row collapse">
                     <label for="amount">Amount 
                       <small ng-hide="!sendForm.amount.$pristine">required</small>
@@ -536,19 +536,19 @@
       <div class="backup" data-ng-controller="BackupController">
         <h3>{{title}}</h3>
         <div class="row text-center">
-          <div class="large-4 columns">
+          <div class="large-4 medium-4 columns">
             <a class="panel box-backup" ng-click="download()">
               <i class="fi-download size-72"></i>
               <p> Download File </p>
             </a>
           </div>
-          <div class="large-4 columns">
+          <div class="large-4 medium-4 columns">
             <a class="panel box-backup" ng-click="dropbox()">
               <i class="fi-social-dropbox size-72"></i>
               <p> Backup to Dropbox </p>
             </a>
           </div>
-          <div class="large-4 columns">
+          <div class="large-4 medium-4 columns">
             <a class="panel box-backup" ng-click="email()">
               <i class="fi-mail size-72"></i>
               <p> Backup to email </p>