layout improvements

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

frontend/src/routes/accounting/account.svelte

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