shadows are awesome

src-ui/src/app/components/dashboard/dashboard.component.html

@@ -6,7 +6,7 @@
   <div class="col-lg">
     <ng-container *ngFor="let v of savedDashboardViews">
 
-      <div class="card mb-3">
+      <div class="card mb-3 shadow">
         <div class="card-header">
           <h5 class="card-title mb-0">{{v.viewConfig.title}}</h5>
         </div>
@@ -30,7 +30,7 @@
       </div>
     </ng-container>
     <ng-container *ngIf="savedDashboardViews.length == 0">
-      <div class="card mb-3">
+      <div class="card mb-3 shadow">
         <div class="card-header">
           <h5 class="card-title mb-0">Saved views</h5>
         </div>
@@ -46,7 +46,7 @@
   </div>
   <div class="col-lg">
 
-    <div class="card mb-3">
+    <div class="card mb-3 shadow">
       <div class="card-header">
         <h5 class="card-title mb-0">Statistics</h5>
       </div>
@@ -56,7 +56,7 @@
       </div>
     </div>
 
-    <div class="card mb-3">
+    <div class="card mb-3 shadow">
       <div class="card-header">
         <h5 class="card-title mb-0">Upload new documents</h5>
       </div>

src-ui/src/app/components/document-list/document-card-large/document-card-large.component.html

@@ -1,4 +1,4 @@
-<div class="card mb-3 bg-light">
+<div class="card mb-3 bg-light shadow-sm">
   <div class="row no-gutters">
     <div class="col-md-2 d-none d-lg-block">
       <img [src]="getThumbUrl()" class="card-img doc-img border-right">

src-ui/src/app/components/document-list/document-card-small/document-card-small.component.html

@@ -1,5 +1,5 @@
 <div class="col p-2 h-100" style="width: 16rem;">
-  <div class="card h-100">
+  <div class="card h-100 shadow-sm">
     <div class=" border-bottom doc-img pr-1" [ngStyle]="{'background-image': 'url(' + getThumbUrl() + ')'}">
       <div class="row" *ngFor="let t of document.tags">
         <app-tag [tag]="t" class="col text-right"></app-tag>

src-ui/src/app/components/document-list/document-list.component.html

@@ -81,7 +81,7 @@
   </app-document-card-large>
 </div>
 
-<table class="table table-hover table-sm border" *ngIf="displayMode == 'details'">
+<table class="table table-hover table-sm border shadow" *ngIf="displayMode == 'details'">
   <thead>
     <th class="d-none d-lg-table-cell">ASN</th>
     <th class="d-none d-md-table-cell">Correspondent</th>

src-ui/src/app/components/manage/correspondent-list/correspondent-list.component.html

@@ -8,7 +8,7 @@
   <ngb-pagination [pageSize]="25" [collectionSize]="collectionSize" [(page)]="page" (pageChange)="reloadData()" aria-label="Default pagination"></ngb-pagination>
 </div>
 
-<table class="table table-striped border">
+<table class="table table-striped border shadow">
     <thead>
     <tr>
       <th scope="col" sortable="name" (sort)="onSort($event)">Name</th>

src-ui/src/app/components/manage/document-type-list/document-type-list.component.html

@@ -9,7 +9,7 @@
   aria-label="Default pagination"></ngb-pagination>
 </div>
 
-<table class="table table-striped border">
+<table class="table table-striped border shadow">
   <thead>
     <tr>
       <th scope="col" sortable="name" (sort)="onSort($event)">Name</th>

src-ui/src/app/components/manage/settings/settings.component.html

@@ -57,7 +57,7 @@
     </li>
   </ul>
 
-  <div [ngbNavOutlet]="nav" class="border-left border-right border-bottom p-3 mb-3"></div>
+  <div [ngbNavOutlet]="nav" class="border-left border-right border-bottom p-3 mb-3 shadow"></div>
 
   <button type="submit" class="btn btn-primary">Save</button>
 </form>

src-ui/src/app/components/manage/tag-list/tag-list.component.html

@@ -9,7 +9,7 @@
     aria-label="Default pagination"></ngb-pagination>
 </div>
 
-<table class="table table-striped border">
+<table class="table table-striped border shadow">
   <thead>
     <tr>
       <th scope="col" sortable="name" (sort)="onSort($event)">Name</th>