fix another layout issue

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;
+    height: 100%;
-    padding: 0;
+    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;
   }
 }
 

views/modals/address-book.html

@@ -12,13 +12,13 @@
       {{success}}
     </span>
   </div>
-  <table class="addressbook m0" ng-show="!showForm && hasEntry()">
+  <table class="addressbook" ng-show="!showForm && hasEntry()">
-    <thead>
+    <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="show-for-large-up" translate>Date</th>
-        <th class="hide-for-small-only">Visible</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 ng-click="copyToSend(addr)" class="show-for-large-up"><time>{{::info.createdTs | amCalendar}}</time></td>
-      <td class="hide-for-small-only text-center">
+      <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>