LIBDRUM-892. Update DRUM community-list.component.html for DSpace 8.0

Incorporated changes in the stock DSpace 8.0
"community-list.component.html" file with the matching file in
the DRUM theme.

There are no UMD customizations in the DRUM file, but keeping it for the
moment, because there it seems more consistent to keep it, than to
modified the component class to point to the stock DSpace 8.0 file.

Also fixed a minor typo in the "community-list.component.ts" file.

https://umd-dit.atlassian.net/browse/LIBDRUM-892

src/themes/drum/app/community-list-page/community-list/community-list.component.html

@@ -7,8 +7,8 @@
       <span aria-hidden="true" class="btn btn-default invisible" cdkTreeNodeToggle>
         <span class="fa fa-chevron-right"></span>
       </span>
-      <div class="align-middle pt-2">
-        <button *ngIf="(dataSource.loading$ | async)  === false" (click)="getNextPage(node)"
+      <div class="align-middle my-auto">
+        <button *ngIf="(dataSource.loading$ | async) !== true" (click)="getNextPage(node)"
            class="btn btn-outline-primary btn-sm" role="button">
            <i class="fas fa-angle-down"></i> {{ 'communityList.showMore' | translate }}
         </button>
@@ -37,10 +37,10 @@
         <span class="fa fa-chevron-right"></span>
       </span>
       <div class="d-flex flex-row">
-        <span class="align-middle pt-2 lead">
+        <span class="d-flex align-middle my-auto">
           <a [routerLink]="node.route" class="lead">{{ dsoNameService.getName(node.payload) }}</a>
           <span class="pr-2">&nbsp;</span>
-          <span *ngIf="node.payload.archivedItemsCount >= 0" class="badge badge-pill badge-secondary align-top archived-items-lead">{{node.payload.archivedItemsCount}}</span>
+          <span *ngIf="node.payload.archivedItemsCount >= 0" class="badge badge-pill badge-secondary align-top archived-items-lead my-auto">{{node.payload.archivedItemsCount}}</span>
         </span>
       </div>
     </div>
@@ -71,7 +71,7 @@
       <span aria-hidden="true" class="btn btn-default invisible" cdkTreeNodeToggle>
         <span class="fa fa-chevron-right"></span>
       </span>
-      <h6 class="align-middle pt-2">
+      <h6 class="align-middle my-auto">
         <a [routerLink]="node.route" class="lead">{{ dsoNameService.getName(node.payload) }}</a>
       </h6>
     </div>

src/themes/drum/app/community-list-page/community-list/community-list.component.ts

@@ -173,7 +173,7 @@ export class CommunityListComponent implements OnInit, OnDestroy {
     } else {
       this.paginationConfig.currentPage++;
       // UMD Customization
-      // When the "Show More" button is clicked in a subcommunoty, retrieve up
+      // When the "Show More" button is clicked in a subcommunity, retrieve up
       // to MAX_COMCOLS_PER_PAGE additional entries, instead of the DSpace
       // default of 5 entries
       this.paginationConfig.elementsPerPage = MAX_COMCOLS_PER_PAGE;