o Better look for tables showing some kind of details of an object.HEADmaster

o Using smaller buttons for navigation so they don't change their container's size.

3 files changed, 11 insertions, 39 deletions

diff --git a/src/main/resources/webapp/apps/frontPageApp/badge.html b/src/main/resources/webapp/apps/frontPageApp/badge.html
index b501f15..1035b80 100755
--- a/src/main/resources/webapp/apps/frontPageApp/badge.html
+++ b/src/main/resources/webapp/apps/frontPageApp/badge.html
@@ -15,13 +15,13 @@
       <p>
         The badge was awarded for having {{badge.personalBadge.builds.length}} successful builds in a row:
       </p>
-      <table class="table table-striped">
+      <table class="table table-striped align-middle">
         <tr ng-repeat="b in badge.personalBadge.builds">
           <td>
             {{b.timestamp | date:'medium'}}
           </td>
           <td>
-            <a class="btn" href="#/build/{{b}}">{{$index + 1}} <i class="icon-chevron-right"></i></a>
+            <a class="btn btn-mini" href="#/build/{{b}}">{{$index + 1}} <i class="icon-chevron-right"></i></a>
           </td>
         </tr>
       </table>
diff --git a/src/main/resources/webapp/apps/frontPageApp/buildList.html b/src/main/resources/webapp/apps/frontPageApp/buildList.html
index 7e795e4..4c4fe65 100755
--- a/src/main/resources/webapp/apps/frontPageApp/buildList.html
+++ b/src/main/resources/webapp/apps/frontPageApp/buildList.html
@@ -24,7 +24,7 @@
             <h2>{{date | date:'mediumDate'}}</h2>
           </div>
           <div class="span12">
-            <table class="table">
+            <table class="table align-middle">
             <tr ng-repeat="build in group" class="{{{true: 'success', false: 'error'}[build.build.success]}}">
               <td>
                 <h4>
@@ -35,10 +35,12 @@
                 <span ng-repeat="p in build.participants" ng-show="build.participants">
                   <dogtag-xl person="p"></dogtag-xl>
                 </span>
-                <p ng-hide="build.participants">
+                <span ng-hide="build.participants">
                   No participants.
-                </p>
-                <a class="btn pull-right" href="#/build/{{build.build.uuid}}"><i class="icon-chevron-right"></i></a>
+                </span>
+                <a class="btn pull-right" href="#/build/{{build.build.uuid}}">
+                  <i class="icon-chevron-right"></i>
+                </a>
               </td>
             </tr>
             </table>
diff --git a/src/main/resources/webapp/apps/frontPageApp/person.html b/src/main/resources/webapp/apps/frontPageApp/person.html
index 11cfd0b..1da74ef 100755
--- a/src/main/resources/webapp/apps/frontPageApp/person.html
+++ b/src/main/resources/webapp/apps/frontPageApp/person.html
@@ -73,7 +73,9 @@
                     {{build.timestamp | date:'shortTime'}}:
                     {{{true: 'SUCCESS', false: 'FAILURE'}[build.success]}}
 
-                    <a class="btn pull-right" href="#/build/{{build.uuid}}"><i class="icon-chevron-right"></i></a>
+                    <a class="btn btn-mini pull-right" href="#/build/{{build.uuid}}">
+                      <i class="icon-chevron-right"></i>
+                    </a>
                   </td>
                 </tr>
               </table>
@@ -90,38 +92,6 @@
         </ul>
       </div>
     </div>
-<!--
-    <table class="table text-baseline">
-      <thead>
-      <tr>
-        <th>Date</th>
-        <th></th>
-      </tr>
-      </thead>
-      <tbody>
-      <tr ng-repeat="build in builds.rows" class="{{{true: 'success', false: 'error'}[build.success]}}">
-        <td>{{build.timestamp | date:'medium'}}</td>
-        <td>
-          <a class="btn btn-small" href="#/build/{{build.uuid}}"><i class="icon-chevron-right"></i></a>
-        </td>
-      </tr>
-      </tbody>
-      <tfoot>
-      <tr>
-        <td colspan="3">
-          <ul class="pager">
-            <li class="previous" ng-class="{disabled: builds.startIndex == 0}">
-              <a ng-click="builds.prev()">&larr; Older</a>
-            </li>
-            <li class="next">
-              <a ng-click="builds.next()">Newer &rarr;</a>
-            </li>
-          </ul>
-        </td>
-      </tr>
-      </tfoot>
-    </table>
--->
   </div>
 
   <div id="jenkins" ng-show="mode == 'jenkins'">