update table width; add headers

Author: juanvallejo

app/views/browse/service.html

@@ -81,13 +81,8 @@ <h1>
                         </span>
                       </dd>
                     </dl>
-                    <div ng-if="routesForService.length" class="table-responsive small service-table">
-                      <routes-table routes="routesForService" services="services" custom-name-header="routesForService[0].kind"></routes-table>
-                    </div>
-                    <div ng-if="(podsForService | hashSize) > 0" class="table-responsive small service-table">
-                      <pods-table pods="podsForService" active-pods="podsWithEndpoints" custom-name-header="podsForService[0].kind"></pods-table>
-                    </div>
-                    <div ng-if="service.spec.ports.length" class="table-responsive">
+                    <h3 ng-if-start="service.spec.ports.length">Ports</h3>
+                    <div ng-if-end class="table-responsive">
                       <table class="table table-bordered small service-table">
                         <thead>
                           <tr>
@@ -113,6 +108,14 @@ <h1>
                         </tbody>
                       </table>
                     </div>
+                    <h3 ng-if-start="routesForService.length">Routes</h3>
+                    <div ng-if-end class="table-responsive small">
+                      <routes-table routes="routesForService" services="services" custom-name-header="routesForService[0].kind"></routes-table>
+                    </div>
+                    <h3 ng-if-start="(podsForService | hashSize) > 0">Pods</h3>
+                    <div ng-if-end class="table-responsive small">
+                      <pods-table pods="podsForService" active-pods="podsWithEndpoints" custom-name-header="podsForService[0].kind"></pods-table>
+                    </div>
                     <annotations annotations="service.metadata.annotations"></annotations>
                   </div>
                 </uib-tab>