#400 - show date with month name and year + center

BudgetMasterServer/src/main/java/de/deadlocker8/budgetmaster/services/DateFormatStyle.java

@@ -6,7 +6,8 @@ public enum DateFormatStyle
 	NO_YEAR("dd.MM."),
 	LONG("dd.MM.yyyy"),
 	LONG_MONTH_AND_YEAR("MMMM yyyy"),
-	DATE_TIME("dd.MM.yyyy HH:mm");
+	DATE_TIME("dd.MM.yyyy HH:mm"),
+	LONG_WITH_MONTH_NAME("dd. MMMM yyyy");
 
 	private final String key;
 

BudgetMasterServer/src/main/java/de/deadlocker8/budgetmaster/services/DateService.java

@@ -44,6 +44,11 @@ public class DateService
 		return getDateString(date, DateFormatStyle.DATE_TIME);
 	}
 
+	public String getDateStringWithMonthName(LocalDate date)
+	{
+		return getDateString(date, DateFormatStyle.LONG_WITH_MONTH_NAME);
+	}
+
 	private String getDateString(LocalDate date, DateFormatStyle formatStyle)
 	{
 		return date.format(DateTimeFormatter.ofPattern(formatStyle.getKey()).withLocale(settingsService.getSettings().getLanguage().getLocale()));

BudgetMasterServer/src/main/resources/static/css/transactions.css

@@ -76,10 +76,14 @@
     min-width: 5.5rem;
     margin-top: 1.6rem;
     margin-bottom: 0.5rem;
+    color: #FFFFFFDD;
+    letter-spacing: 0.1rem;
 }
 
 .search-result .transaction-date {
     margin: 0;
+    color: var(--color-text);
+    letter-spacing: normal;
 }
 
 .new-transaction-button {

BudgetMasterServer/src/main/resources/templates/transactions/transactions.ftl

@@ -55,13 +55,13 @@
                         <#list transactions as transaction>
                             <#assign shouldHighlight = highlightID?? && transaction.getID()?? && transaction.getID()==highlightID/>
 
-                            <#assign transactionDate=dateService.getDateStringWithoutYear(transaction.date)/>
+                            <#assign transactionDate=dateService.getDateStringWithMonthName(transaction.date)?upper_case/>
                             <#if transactionDate != lastDate>
                                 <#if !transaction?is_first>
                                     </div> <#-- close "transaction-date-group" div from previous loop iteration -->
                                 </#if>
                                 <div class="transaction-date-group">
-                                    <div class="col s12 left-align bold transaction-text transaction-date">
+                                    <div class="col s12 center-align bold transaction-text transaction-date">
                                         ${transactionDate}
                                     </div>
                                     <#assign lastDate=transactionDate/>