Moved to SASS bootstrap and refactored
diff --git a/applications/subscriberPortal/src/app/view/bundle/bundle.html b/applications/subscriberPortal/src/app/view/bundle/bundle.html
index 8852d86..f658ccf 100644
--- a/applications/subscriberPortal/src/app/view/bundle/bundle.html
+++ b/applications/subscriberPortal/src/app/view/bundle/bundle.html
@@ -1,24 +1,39 @@
<!-- Bundle page partial html -->
<div id="bundle" class="container">
- <div class="main-left">
- <h4>You are subscribed to the</h4>
- <h3>{{name}}</h3>
- <p>{{desc}}</p>
- <table>
- <tr ng-repeat="func in funcs" class="fadein">
- <td class="icon">
- <img ng-src="{{'/imgs/' + func.id + '.png'}}">
- </td>
- <td class="name">{{func.name}}</td>
- <td class="desc">{{func.desc}}</td>
- </tr>
- </table>
- </div>
- <div class="main-right">
- <img src="imgs/bundle.jpg">
- <div ng-click="showBundles()">
- <h2>Available Bundles</h2>
+ <div class="row">
+ <div class="col-sm-6">
+ <h4>You are subscribed to the</h4>
+ <div class="panel panel-primary">
+ <div class="panel-heading">
+ <h3 class="panel-title">{{name}}</h3>
+ </div>
+ <div class="panel-body">
+ {{desc}}
+ </div>
+ </div>
+ <div class="panel panel-primary">
+ <div class="panel-heading">
+ <h3 class="panel-title">Users</h3>
+ </div>
+ <table class="table">
+ <tr ng-repeat="func in funcs" class="animate-repeat">
+ <td class="avatar">
+ <img ng-src="{{'/imgs/' + func.id + '.png'}}">
+ </td>
+ <td class="name"><b>{{func.name}}</b></td>
+ <td class="desc">{{func.desc}}</td>
+ </tr>
+ </table>
+ </div>
+
+
</div>
- <div id="bundles" bundle-available></div>
+ <div class="col-sm-6">
+ <img class="img-responsive" src="imgs/bundle.jpg">
+ <a ng-click="showBundles()" class="btn btn-primary-border btn-large btn-block">
+ Available Bundles
+ </a>
+ <div id="bundles" bundle-available></div>
+ </div>
</div>
</div>
\ No newline at end of file