diff --git a/dist/css/styles.css b/dist/css/styles.css index dc939c2..da4509f 100644 --- a/dist/css/styles.css +++ b/dist/css/styles.css @@ -1111,6 +1111,18 @@ tr:hover { color: var(--text-secondary); font-family: 'Courier New', Courier, monospace; } +.table-check, .table-cross{ +padding: 0.2em; +border-radius: 50px; +} +.table-check{ +background-color: rgba(90, 221, 90, 0.568); +} +.table-cross{ + background-color: #db747465; +} + + /* Search */ .search-section { diff --git a/dist/js/app.js b/dist/js/app.js index 80f889d..d5e5002 100644 --- a/dist/js/app.js +++ b/dist/js/app.js @@ -245,8 +245,8 @@ class TableManager { ${isSupported - ? '' - : '' + ? '' + : '' } @@ -498,8 +498,8 @@ class ComparisonManager { _generateComparisonRows(provider1, provider2) { const rows = []; - const checkSvg = ''; - const crossSvg = ''; + const checkSvg = ''; + const crossSvg = ''; for (const [host, providerData] of Object.entries(this.data)) { const support1 = providerData[provider1] === 'yes';