Intermediate commit

src/main/webapp/app/bookmarks/bookmarks.component.html

-<div>
+<div class="card-container">
     <h2 id="page-heading">
         <span jhiTranslate="gitsearchApp.userWatchList.home.title">User Watch Lists</span>
 
@@ -14,7 +14,45 @@
 
     <jhi-alert></jhi-alert>
 
-    <div class="row">
+    <div class="col-12 col-md-5 col-lg-4 col-xl-3">
+        <div class="table-responsive" id="entities" *ngIf="userWatchLists && userWatchLists.length > 0">
+        <table class="table table-striped" aria-describedby="page-heading">
+            <thead>
+                <tr jhiSort [(predicate)]="predicate" [(ascending)]="ascending" [callback]="reset.bind(this)">
+                    <th scope="col"  jhiSortBy="name"><span jhiTranslate="gitsearchApp.userWatchList.name">Name</span> <fa-icon icon="sort"></fa-icon></th>
+                    <th scope="col"></th>
+                </tr>
+            </thead>
+            <tbody infinite-scroll (scrolled)="loadPage(page + 1)" [infiniteScrollDisabled]="page >= links['last']" [infiniteScrollDistance]="0">
+                <tr *ngFor="let userWatchList of userWatchLists ;trackBy: trackId">
+                    <td>{{ userWatchList.name }}</td>
+                    <td class="text-right">
+                        <div class="btn-group">
+                            <button type="submit" style="border-width:0px"
+                                    [routerLink]="['/user-watch-list', userWatchList.id, 'view']"
+                                    >
+                                <fa-icon icon="eye"></fa-icon>
+                            </button>
+
+                            <button type="submit" style="border-width:0px"
+                                    [routerLink]="['/user-watch-list', userWatchList.id, 'edit']"
+                                    >
+                                <fa-icon icon="pencil-alt"></fa-icon>
+                            </button>
+
+                            <button type="submit" (click)="delete(userWatchList)" style="border-width:0px"
+                                    >
+                                <fa-icon icon="times"></fa-icon>
+                            </button>
+                        </div>
+                    </td>
+                </tr>
+            </tbody>
+        </table>
+    
+    </div>
+    <div class="col-12 col-md-7 col-lg-8 col-xl-9">
+    <div>
         <div class="col-sm-12">
             <form name="searchForm" class="form-inline">
                 <div class="input-group w-100 mt-3">
@@ -80,4 +118,5 @@
             </tbody>
         </table>
     </div>
+    </div>
 </div>