From b9baecd57378cc5286069bfb3130c180c6df60e8 Mon Sep 17 00:00:00 2001
From: lhenze <lh435@nyu.edu>
Date: Wed, 21 Aug 2019 13:27:52 -0400
Subject: [PATCH] Bootstrap -- list group for links

https://getbootstrap.com/docs/4.3/components/list-group/
---
 .../comcol-page-browse-by.component.html                  | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/src/app/shared/comcol-page-browse-by/comcol-page-browse-by.component.html b/src/app/shared/comcol-page-browse-by/comcol-page-browse-by.component.html
index dd9e219afe..6a39e24e5f 100644
--- a/src/app/shared/comcol-page-browse-by/comcol-page-browse-by.component.html
+++ b/src/app/shared/comcol-page-browse-by/comcol-page-browse-by.component.html
@@ -1,6 +1,4 @@
 <div class="comcol-browse-label">{{'browse.comcol.head' | translate}}</div>
-<ul>
-  <li *ngFor="let config of types">
-    <a [routerLink]="['/browse/' + config.id]" [queryParams]="{scope: id}">{{'browse.comcol.by.' + config.id | translate}}</a>
-  </li>
-</ul>
+<div class="list-group list-group-horizontal">
+  <a  *ngFor="let config of types"  class="list-group-item"  [routerLink]="['/browse/' + config.id]"  [queryParams]="{scope: id}" routerLinkActive="active">{{'browse.comcol.by.' + config.id | translate}}</a>
+</div>
\ No newline at end of file