#419 - style category square

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;
+}

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>