Further style tweaks.

Author: johnpinto1

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

@@ -44,7 +44,9 @@
       <div class="d-flex flex-row">
         <span class="d-flex align-middle my-auto">
           <a [routerLink]="node.route" class="lead" role="link" tabindex="0">{{ dsoNameService.getName(node.payload) }}</a>
-          <span class="pr-2">&nbsp;</span>
+          <!-- DATASHARE - start -->
+          <span class="my-2 pr-2">&nbsp;</span>
+          <!-- DATASHARE - end S-->
           <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>

src/app/shared/object-list/browse-entry-list-element/browse-entry-list-element.component.html

@@ -5,6 +5,8 @@
     <span *ngIf="linkType === linkTypes.None" class="lead">
         {{object.value}}
     </span>
-    <span class="pr-2">&nbsp;</span>
+    <!-- DATASHARE - start -->
+    <span class="my-2 pr-2">&nbsp;</span>
+    <!-- DATASHARE - end S-->
     <span class="badge badge-pill badge-secondary align-self-center">{{object.count}}</span>
 </div>

src/app/shared/object-list/collection-list-element/collection-list-element.component.html

@@ -5,7 +5,9 @@
   <span *ngIf="linkType === linkTypes.None" class="lead">
     {{ dsoNameService.getName(object) }}
   </span>
-  <span class="pr-2">&nbsp;</span>
+  <!-- DATASHARE - start -->
+  <span class="my-2 pr-2">&nbsp;</span>
+  <!-- DATASHARE - end S-->
   <span *ngIf="object.archivedItemsCount >= 0" class="badge badge-pill badge-secondary align-self-center archived-items-lead">{{object.archivedItemsCount}}</span>
 </div>
 <div *ngIf="object.shortDescription" class="text-muted abstract-text">

src/app/shared/object-list/community-list-element/community-list-element.component.html

@@ -5,7 +5,9 @@
   <span *ngIf="linkType === linkTypes.None" class="lead">
     {{ dsoNameService.getName(object) }}
   </span>
-  <span class="pr-2">&nbsp;</span>
+  <!-- DATASHARE - start -->
+  <span class="my-2 pr-2">&nbsp;</span>
+  <!-- DATASHARE - end S-->
   <span *ngIf="object.archivedItemsCount >= 0" class="badge badge-pill badge-secondary align-self-center archived-items-lead">{{object.archivedItemsCount}}</span>
 </div>
 <div *ngIf="object.shortDescription" class="text-muted abstract-text">

src/themes/datashare/styles/_theme_sass_variable_overrides.scss

@@ -70,7 +70,7 @@ $link-hover-color: #002b3e !default;
 
 $theme-colors: (
   primary: $blue-muted,
-  // secondary: #f9f9f9,
+  secondary: #f9f9f9,
   success: #5cb85c,
   info: #5bc0de,
   warning: #f0ad4e,