Adjust call list to be scrollable

diff --git a/index.php b/index.php
index 07cc8a4..b8eecdd 100644 (file)
--- a/index.php
+++ b/index.php
@@ -45,19 +45,23 @@ if (!empty($_POST['func'])) {
 </div>
 
 <div>
 </div>
 
 <div>

-<div class="phonelist" id="incoming">
+<div class="phonebox" id="incoming">

 <p class="title">Incoming Calls</p>
 <p class="title">Incoming Calls</p>

+<div class="phonelist">

 <ul class="phonelist" id="incoming_calls">
 <li>Loading data...</li>
 </ul>
 </div>
 <ul class="phonelist" id="incoming_calls">
 <li>Loading data...</li>
 </ul>
 </div>

+</div>

 
 

-<div class="phonelist" id="archive">
+<div class="phonebox" id="archive">

 <p class="title">Archived Calls</p>
 <p class="title">Archived Calls</p>

+<div class="phonelist">

 <ul class="phonelist" id="archive_calls">
 <li>Loading data...</li>
 </ul>
 </div>
 <ul class="phonelist" id="archive_calls">
 <li>Loading data...</li>
 </ul>
 </div>

+</div>

 
 </div>
 
 
 </div>
 

diff --git a/phone.css b/phone.css
index bc58c2a..f922a02 100644 (file)
--- a/phone.css
+++ b/phone.css
@@ -29,13 +29,18 @@ span.popup:hover {
     background: #96ccff;
 }
 
     background: #96ccff;
 }
 

-div.phonelist {
+div.phonebox {

     border: 1px solid #bfbfbf;
     width: 350px;
     margin-top: 3px;
     margin-bottom: 3px;
 }
 
     border: 1px solid #bfbfbf;
     width: 350px;
     margin-top: 3px;
     margin-bottom: 3px;
 }
 

+div.phonelist {
+    height: 300px;
+    overflow: auto;
+}
+

 input {
     border: 1px solid #aaaaaa;
     background-color: #f6f6f6;
 input {
     border: 1px solid #aaaaaa;
     background-color: #f6f6f6;