improving layout

Signed-off-by: Stephan Richter <s.richter@srsoftware.de>

frontend/src/routes/accounting/account.svelte

@@ -103,7 +103,8 @@
 </script>
 
 <style>
-	.amount{ text-align: right; whitespace: nowrap }
+	.amount{ text-align: right }
+	.nowrap{ whitespace: nowrap }
 </style>
 
 <svelte:head>
@@ -155,11 +156,16 @@
 				</th>
 				{/each}
 				<td class="amount">
-					{sums[-1].toFixed(2)}&nbsp;{account.currency} {t('external gains')}<br/>
-					-{sums[0].toFixed(2)}&nbsp;{account.currency} {t('external expenses')}<br/>
-					{(sums[-1]-sums[0]).toFixed(2)}&nbsp;{account.currency} {t('sum external')}
+					{sums[-1].toFixed(2)}&nbsp;{account.currency} <br/>
+					-{sums[0].toFixed(2)}&nbsp;{account.currency}<br/>
+					{(sums[-1]-sums[0]).toFixed(2)}&nbsp;{account.currency}
 				</td>
-				<td colspan="3"></td>
+				<td class="nowrap">
+					{t('external gains')}<br/>
+					{t('external expenses')}<br/>
+					{t('sum external')}
+				</td>
+				<td colspan="2"></td>
 			</tr>
 		</tbody>
 	</table>