diff --git a/src/main/resources/static/css/dark/style.css b/src/main/resources/static/css/dark/style.css index 1656c663b5db6c10e438fecefd3881b79a7c5a6a..bb27ce782ae996a66b3894aa6e275f0ef69682af 100644 --- a/src/main/resources/static/css/dark/style.css +++ b/src/main/resources/static/css/dark/style.css @@ -575,6 +575,10 @@ input[type="radio"]:not(:checked) + span::before, [type="radio"]:not(:checked) + white-space: nowrap; } +.invisible { + opacity: 0; +} + .hidden { display: none; } diff --git a/src/main/resources/static/css/dark/transactions.css b/src/main/resources/static/css/dark/transactions.css index 94283e85690a33678ff227ecd22f270aadbe534b..4e71f6f44c9bc59e01029a5d2be947702c337c7f 100644 --- a/src/main/resources/static/css/dark/transactions.css +++ b/src/main/resources/static/css/dark/transactions.css @@ -21,4 +21,12 @@ .transaction-container { width: 90%; +} + +.transaction-container .responsive-table td { + text-align: center; +} + +.transaction-container .category-circle-small { + margin: auto; } \ No newline at end of file diff --git a/src/main/resources/static/css/style.css b/src/main/resources/static/css/style.css index fe9549e2270d6eea9e31ca68945c3610ab3e3626..dc8a45c89224cce9a4613b749a8bd9e4825e1b95 100644 --- a/src/main/resources/static/css/style.css +++ b/src/main/resources/static/css/style.css @@ -488,6 +488,10 @@ input[type="radio"]:checked + span::after, [type="radio"].with-gap:checked + spa white-space: nowrap; } +.invisible { + opacity: 0; +} + .hidden { display: none; } diff --git a/src/main/resources/static/css/transactions.css b/src/main/resources/static/css/transactions.css index 94283e85690a33678ff227ecd22f270aadbe534b..4e71f6f44c9bc59e01029a5d2be947702c337c7f 100644 --- a/src/main/resources/static/css/transactions.css +++ b/src/main/resources/static/css/transactions.css @@ -21,4 +21,12 @@ .transaction-container { width: 90%; +} + +.transaction-container .responsive-table td { + text-align: center; +} + +.transaction-container .category-circle-small { + margin: auto; } \ No newline at end of file diff --git a/src/main/resources/templates/transactions/transactions.ftl b/src/main/resources/templates/transactions/transactions.ftl index 2badbf83b70a1fea15205f272f47ba58b756e8d5..ace6e2dc124399e97cd9f463422f11d574641e19 100644 --- a/src/main/resources/templates/transactions/transactions.ftl +++ b/src/main/resources/templates/transactions/transactions.ftl @@ -51,7 +51,7 @@ <br> <div class="row"> <div class="col s12"> - <table class="bordered"> + <table class="bordered responsive-table"> <#list transactions as transaction> <tr> <td>${helpers.getDateStringWithoutYear(transaction.date)}</td> diff --git a/src/main/resources/templates/transactions/transactionsMacros.ftl b/src/main/resources/templates/transactions/transactionsMacros.ftl index 54cd7260a1de09a1d454c48ab8de32c50de94f9b..a3b9ba1f3bd83e65b62a43e2455cdf518a0c7657 100644 --- a/src/main/resources/templates/transactions/transactionsMacros.ftl +++ b/src/main/resources/templates/transactions/transactionsMacros.ftl @@ -2,7 +2,7 @@ <#macro transactionRepeating transaction> <td> - <#if transaction.isRepeating()><i class="material-icons">repeat</i></#if> + <i class="material-icons <#if !transaction.isRepeating()>invisible</#if>">repeat</i> </td> </#macro> @@ -16,7 +16,7 @@ </div> </div> <div class="hide-on-large-only"> - <div class="category-circle-small no-margin" style="background-color: ${transaction.category.color}"> + <div class="category-circle-small" style="background-color: ${transaction.category.color}"> <span style="color: ${transaction.category.getAppropriateTextColor()}"> ${transaction.category.name?capitalize[0]} </span> @@ -28,7 +28,7 @@ <#macro transactionNameAndDescription transaction> <td class="transaction-name"> <div class="ellipsis">${transaction.name}</div> - <div class="hide-on-small-only"> + <div class="hide-on-med-and-down"> <#if transaction.description??> <div class="italic">${transaction.description}</div> </#if>