diff --git a/src/css/common.css b/src/css/common.css
index b6e336a..26127be 100644
--- a/src/css/common.css
+++ b/src/css/common.css
@@ -53,6 +53,14 @@ body, button, input, textarea, select, .sidebar, table {
margin: 0;
}
-div.row {
+/* Font awesome */
+
+i.fas.fa-check {
+ font-size: 1.5em;
+ color: var(--spiritgreen);
+ margin-right: 10px;
+}
+
+/* div.row {
margin: 0px;
-}
\ No newline at end of file
+} */
\ No newline at end of file
diff --git a/src/index.html b/src/index.html
index e85b8dc..8e1d261 100644
--- a/src/index.html
+++ b/src/index.html
@@ -9,6 +9,8 @@
+
+
diff --git a/src/js/components/table/subcomponents/data.js b/src/js/components/table/subcomponents/data.js
index a12a68d..809ac0c 100644
--- a/src/js/components/table/subcomponents/data.js
+++ b/src/js/components/table/subcomponents/data.js
@@ -25,7 +25,7 @@ function fillTable(data) {
const row = document.createElement('tr');
Object.values(item).forEach(val => {
const cell = document.createElement('td');
- cell.textContent = val;
+ cell.innerHTML = val;
row.appendChild(cell);
});
tbody.appendChild(row);
@@ -63,9 +63,14 @@ function loadFunds(){
// determine if the fund has already been edited
if (fundDict[key]['viewed']){
// todo: add a checkmark here
- ret.push({'Fund' : fundDict[key]['name'] + ' (Edited)'});
+ ret.push({'Fund' : `
+
+ ${fundDict[key]['name']}
+ `});
} else {
- ret.push({'Fund' : fundDict[key]['name']});
+ ret.push({'Fund' : `
+ ${fundDict[key]['name']}
+ `});
}
});
fillTable(ret);
diff --git a/src/js/components/table/table.css b/src/js/components/table/table.css
index a8c20ad..5f2f784 100644
--- a/src/js/components/table/table.css
+++ b/src/js/components/table/table.css
@@ -96,4 +96,9 @@ div.table-container {
.hover-effect:hover {
cursor: pointer;
background-color: var(--verypalegreen);
-}
\ No newline at end of file
+}
+
+/* Fund table */
+.fund-name > .viewed-fund {
+ color: gray;
+}