From 056a5dae33469324ffa560ad27a0792eeda9859f Mon Sep 17 00:00:00 2001
From: Gustavo Maximiliano Cortez <cmgustavo83@gmail.com>
Date: Fri, 5 Dec 2014 13:14:15 -0300
Subject: [PATCH] fix another layout issue

---
 css/src/main.css               | 17 +++++++++++++++--
 views/modals/address-book.html | 14 +++++++-------
 2 files changed, 22 insertions(+), 9 deletions(-)

diff --git a/css/src/main.css b/css/src/main.css
index b5346e0ee..b5de389ee 100644
--- a/css/src/main.css
+++ b/css/src/main.css
@@ -1496,8 +1496,21 @@ a.text-warning:hover {color: #FD7262;}
 
 @media only screen and (max-width: 40em) {
   dialog.large, .reveal-modal.large {
-    height: auto;
-    padding: 0;
+    height: 100%;
+    overflow-y: auto;
+    padding: 1.25rem 0.25rem;
+  }
+  
+  dialog.large span.address-size, .reveal-modal.large span.address-size {
+    font-size: 12px;
+  }
+  
+  dialog.large table, .reveal-modal.large table {
+    margin: 0;
+    box-shadow: none;
+    -webkit-box-shadow: none;
+    -moz-box-shadow: none;
+    -o-box-shadow: none;
   }
 }
 
diff --git a/views/modals/address-book.html b/views/modals/address-book.html
index 1452f96ba..2e72c35a1 100644
--- a/views/modals/address-book.html
+++ b/views/modals/address-book.html
@@ -12,13 +12,13 @@
       {{success}}
     </span>
   </div>
-  <table class="addressbook m0" ng-show="!showForm && hasEntry()">
-    <thead>
+  <table class="addressbook" ng-show="!showForm && hasEntry()">
+    <thead class="show-for-large-up">
       <tr>
         <th translate>Entry</th>
         <th ng-class="{'hide-for-small-only' : $root.wallet.isShared()}" ng-show="$root.wallet.isShared()" translate>Creator</th>
-        <th class="hide-for-small-only" translate>Date</th>
-        <th class="hide-for-small-only">Visible</th>
+        <th class="show-for-large-up" translate>Date</th>
+        <th class="show-for-large-up">Visible</th>
       </tr>
     </thead>
     <tbody>
@@ -29,12 +29,12 @@
       <td ng-click="copyToSend(addr)">
         <dl>
           <dt><b>{{info.label}}</b></dt>
-          <dd><span class="ellipsis">{{::addr}}</span></dd>
+          <dd><span class="address-size">{{::addr}}</span></dd>
         </dl>
       </td>
       <td ng-click="copyToSend(addr)" ng-show="$root.wallet.isShared()" ng-class="{'hide-for-small-only' : $root.wallet.isShared()}">{{$root.wallet.publicKeyRing.nicknameForCopayer(info.copayerId)}}</td>
-      <td ng-click="copyToSend(addr)" class="hide-for-small-only"><time>{{::info.createdTs | amCalendar}}</time></td>
-      <td class="hide-for-small-only text-center">
+      <td ng-click="copyToSend(addr)" class="show-for-large-up"><time>{{::info.createdTs | amCalendar}}</time></td>
+      <td class="show-for-large-up text-center">
         <a ng-click="toggleAddressBookEntry(addr)" title="{{ info.hidden ? 'Enable' : 'Disable'}} address">
           <i class="fi-checkbox size-21" 
             ng-class="{'text-success':!info.hidden, 'text-gray':info.hidden}"></i>