Fix for Item search list display styling.

Author: johnpinto1

src/app/shared/object-list/search-result-list-element/item-search-result/item-types/item/item-search-result-list-element.component.html

@@ -21,6 +21,8 @@
          [innerHTML]="dsoTitle" role="link" tabindex="0"></a>
       <span *ngIf="linkType === linkTypes.None" class="lead item-list-title dont-break-out"
             [innerHTML]="dsoTitle"></span>
+      <!-- DATASHARE - start -->
+      <div class="my-2">
       <span class="text-muted">
         <ds-truncatable-part [id]="dso.id" [minLines]="1">
           <ng-container *ngIf="dso.firstMetadataValue('dc.publisher') || dso.firstMetadataValue('dc.date.issued')">
@@ -36,6 +38,8 @@
           </span>
         </ds-truncatable-part>
       </span>
+      </div>
+      <!-- DATASHARE - end -->
       <div *ngIf="dso.firstMetadataValue('dc.description.abstract')" class="item-list-abstract">
         <ds-truncatable-part [id]="dso.id" [minLines]="3"><span
           [innerHTML]="firstMetadataValue('dc.description.abstract')"></span>

src/app/shared/truncatable/truncatable-part/truncatable-part.component.html

@@ -2,8 +2,9 @@
   <div #content class="content dont-break-out preserve-line-breaks">
     <ng-content></ng-content>
   </div>
+  <!-- DATASHARE - start -->
   <button
-    class="btn btn-link p-0 {{isExpanded ? 'collapseButton' : 'expandButton'}}"
+    class="btn btn-link p-0 mt-2 {{isExpanded ? 'collapseButton' : 'expandButton'}}"
     dsDragClick
     (actualClick)="toggle()"
     (keyup.Enter)="toggle()"
@@ -15,4 +16,5 @@
     <i class="fas {{isExpanded ? 'fa-angle-up' : 'fa-angle-down'}}"></i>
     <span class="ml-1">{{ 'item.truncatable-part.show-' + (isExpanded ? 'less' : 'more') | translate }}</span>
   </button>
+  <!-- DATASHARE - end -->
 </div>