Make widget containers higher for subscribers.

It should fit 5 entries with 2 rows each (to match vms and calls).

share/static/css/main.css

@@ -354,6 +354,15 @@ div.ngcp-modal .control-group.error .dataTables_wrapper input[type="text"] {
     padding-left: 0px;
 }
 
+.plan .plan-features.large {
+    min-height:325px;
+}
+
+.plan .plan-features div.row-fluid [class*="span"] {
+    min-height: 10px;
+    text-align: left;
+}
+
 /* -------------
   Various form fields
 ----------------*/

share/templates/widgets/subscriber_calls_overview.tt

@@ -8,7 +8,7 @@
                 <span class="term">Recent Call[% calls.count != 1 ? 's' : '' %]</span>
             </div>
         </div>
-        <div class="plan-features">
+        <div class="plan-features large">
             <ul>
                 [% IF calls.count == 0 -%]
                 <li>No calls yet</li>
@@ -17,26 +17,28 @@
                     <li>
                         <div class="row-fluid">
                         [% IF call.source_user_id == c.user.uuid -%]
-                            <span class="span1">
+                            <div class="span1">
                             [% IF call.call_status == "ok" -%]
                                 <i class="icon-circle-arrow-right" style="color:green"></i>
                             [% ELSE -%]
                                 <i class="icon-circle-arrow-up" style="color:red"></i>
                             [% END -%]
-                            </span>
-                            <span class="span4">[% call.destination_user_in %]</span>
+                            </div>
+                            <div class="span6">[% call.destination_user_in %]</div>
                         [% ELSE -%]
-                            <span class="span1">
+                            <div class="span1">
                             [% IF call.call_status == "ok" -%]
                                 <i class="icon-circle-arrow-left" style="color:green"></i>
                             [% ELSE -%]
                                 <i class="icon-circle-arrow-down" style="color:red"></i>
                             [% END -%]
-                            </span>
-                            <span class="span4">[% call.clir ? "anonymous" : call.source_cli %]</span>
+                            </div>
+                            <div class="span6">[% call.clir ? "anonymous" : call.source_cli %]</div>
                         [% END -%]
-                        <span class="span3">[% call.start_time -%]</span>
-                        <span class="span1">[% Math.int(call.duration) -%]s</span>
+                        </div>
+                        <div class="row-fluid">
+                            <div class="offset1 span6">[% call.start_time -%]</div>
+                            <div class="span1">[% Math.int(call.duration) -%]s</div>
                         </div>
                     </li>
                     [% END -%]

share/templates/widgets/subscriber_cf_overview.tt

@@ -20,7 +20,7 @@
                 <span class="term">Call Forward[% cfcount != 1 ? 's' : '' %] Configured</span>
             </div>
         </div>
-        <div class="plan-features">
+        <div class="plan-features large">
             <ul>
             [% FOR cf IN cfs -%]
                 <li>

share/templates/widgets/subscriber_vm_overview.tt

@@ -8,7 +8,7 @@
                 <span class="term">New Message[% vmails.count != 1 ? 's' : '' %]</span>
             </div>
         </div>
-        <div class="plan-features">
+        <div class="plan-features large">
             <ul>
                 [% IF vmails.count == 0 -%]
                 <li>No new messages</li>
@@ -16,14 +16,16 @@
                     [% FOR vmail IN vmails.all -%]
                     <li>
                         <div class="row-fluid">
-                        <span class="span1">
-                            <a href="[% c.uri_for_action('/subscriber/play_voicemail', [subscriber.id, vmail.id]) %]" alt="listen">
-                                <i class="icon-volume-up" style="color:green"></i>
-                            </a>
-                        </span>
-                        <span class="span4">[% vmail.callerid -%]</span>
-                        <span class="span3">[% vmail.origtime -%]</span>
-                        <span class="span1">[% vmail.duration -%]s</span>
+                            <div class="span1">
+                                <a href="[% c.uri_for_action('/subscriber/play_voicemail', [subscriber.id, vmail.id]) %]" alt="listen">
+                                    <i class="icon-volume-up" style="color:green"></i>
+                                </a>
+                            </div>
+                           <div class="span6">[% vmail.callerid -%]</div>
+                        </div>
+                        <div class="row-fluid">
+                            <div class="offset1 span6">[% vmail.origtime -%]</div>
+                            <div class="span1">[% vmail.duration -%]s</div>
                         </div>
                     </li>
                     [% END -%]