refs #17577 [fid_bbi] styling of usertags table

* add more whitespace for readability
* add some responsiveness

themes/fid_bbi/scss/compiled.scss

@@ -651,7 +651,16 @@ table.tags {
   border-bottom: 1px solid $charcoal;
 
   th, td {
-    padding: .3em;
+    padding: .3em 1em .3em 1em;
+    width: 33%;
+    min-width: 40px;
+    @media screen and (max-width: $screen-xs-max) {
+      // hide overlong captions
+      .hidden-xs {
+        visibility: hidden;
+      }
+      border-top: 1px dashed $gray-lighter;
+    }
   }
 
   th {

themes/fid_bbi/templates/myresearch/usertags.phtml

@@ -4,10 +4,10 @@
     <?=$this->render('RecordDriver/DefaultRecord/offcanvas-toggler-myresearch'); ?>
 <h2><?=$this->translate('Your Tags')?></h2>
     <?php if (!empty($tags)): ?>
-    <table class="tags">
+    <table class="tags table-responsive">
         <tr>
             <th><?=$this->translate('Tag')?></th>
-            <th><?=$this->translate('tags_record_count')?></th>
+            <th>#<span class="hidden-xs"> <?=$this->translate('tags_record_count')?></span></th>
             <th><?=$this->translate('tags_records_on_lists')?></th>
         </tr>
     <?php foreach ($tags as $tag): ?>