From a661ceba0236329f68dd80729cdf85bc3d9d5202 Mon Sep 17 00:00:00 2001
From: piratefinn <toyou1995@gmail.com>
Date: Thu, 7 Sep 2017 11:49:19 +0100
Subject: [PATCH] Changed table CSS

---
 src/app/dashboard/transaction-log.component.html | 2 +-
 src/app/shared/org-table.component.html          | 2 +-
 src/scss/_custom.scss                            | 7 +++++++
 3 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/app/dashboard/transaction-log.component.html b/src/app/dashboard/transaction-log.component.html
index 46ddd7f..b4f1e30 100644
--- a/src/app/dashboard/transaction-log.component.html
+++ b/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>
diff --git a/src/app/shared/org-table.component.html b/src/app/shared/org-table.component.html
index 6d9a627..d5b2d39 100644
--- a/src/app/shared/org-table.component.html
+++ b/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>
diff --git a/src/scss/_custom.scss b/src/scss/_custom.scss
index 5be90ec..6ac457b 100644
--- a/src/scss/_custom.scss
+++ b/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;