diff --git a/src/main/resources/static/css/accounts.css b/src/main/resources/static/css/accounts.css index 12f3d4f6a7775b40d315918c35a48b86e0e98add..79947dffea3666f6a93045f853e3667bf7bd6bf2 100644 --- a/src/main/resources/static/css/accounts.css +++ b/src/main/resources/static/css/accounts.css @@ -48,3 +48,8 @@ height: 34px; width: 34px; } + +.account-square-border { + border: 3px solid var(--color-blue); + line-height: 28px !important; +} diff --git a/src/main/resources/templates/helpers/customSelectMacros.ftl b/src/main/resources/templates/helpers/customSelectMacros.ftl index 81ab63e0f51a5edb72683c614a8b43625657b269..173671546b456cfaaeaffe3383ce4ccaba856912 100644 --- a/src/main/resources/templates/helpers/customSelectMacros.ftl +++ b/src/main/resources/templates/helpers/customSelectMacros.ftl @@ -100,11 +100,11 @@ </#macro> <#macro accountIcon account classes="" datasetValue=""> - <div class="category-circle ${classes} category-square <#if account.getIcon()?? == false>background-blue</#if>" <#if datasetValue?has_content>data-value="${account.getID()}"</#if>> + <div class="category-circle ${classes} category-square <#if account.getIcon()?? == false>account-square-border</#if>" <#if datasetValue?has_content>data-value="${account.getID()}"</#if>> <#if account.getIcon()??> <img src="${account.getIcon().getBase64EncodedImage()}" class="account-select-icon"/> <#else> - <span class="text-white"> + <span class="text-blue"> ${account.getName()?capitalize[0]} </span> </#if>