Changed table CSS

src/app/dashboard/transaction-log.component.html

@@ -7,7 +7,7 @@
           <small>This lists all purchases that have been submitted.</small>
         </div>
         <div *ngIf="!noTransactionList" class="card-block">
-          <table class="table table-hover">
+          <table class="table table-striped table-hover">
             <thead>
               <tr>
                 <th>Seller</th>

src/app/shared/org-table.component.html

@@ -2,7 +2,7 @@
   <label class="col-md-3 form-control-label" for="text-input"><strong>Organisation Search Results</strong></label>
   <div class="col-md-9">
     <span class="help-block"><strong>Select an Organisation from the table below</strong></span>
-    <table class="table table-hover">
+    <table class="table table-striped table-hover">
       <thead>
         <tr>
           <th>Organisation Name</th>

src/scss/_custom.scss

@@ -2,6 +2,13 @@
 .clickable {
   cursor: pointer;
 }
+
+.table-striped tbody tr:nth-of-type(odd) {
+    background-color: #d2eef7;
+}
+.table-hover tbody tr:hover td {
+    background-color: $table-bg-hover;
+}
 // white title font variant on type-2 as defined in _widgets.css
 .horizontal-bars {
   padding: 0;