feat: update transaction messages to English and adjust column widths for responsive design

Author: mariokernich

webapp/controller/Main.controller.ts

@@ -252,7 +252,7 @@ export default class Main extends BaseController {
 				text: "Add",
 				press: () => {
 					if (inputCode.getValue().trim().length === 0) {
-						MessageToast.show("Transaktionscode darf nicht leer sein.");
+						MessageToast.show("Transaction code cannot be empty.");
 						return;
 					}
 					void this.handleAddTransaction(
@@ -284,7 +284,7 @@ export default class Main extends BaseController {
 		dialog: Dialog
 	): Promise<void> {
 		if (await this.transactionExists(tcode)) {
-			MessageToast.show(`Transaktionscode ${tcode} existiert bereits.`);
+			MessageToast.show(`Transaction ${tcode} exists already.`);
 		} else {
 			await this.addTransaction(tcode, title, description);
 			dialog.close();

webapp/view/Main.view.xml

@@ -122,13 +122,17 @@
                     </Menu>
                 </contextMenu>
                 <columns>
-                    <Column width="200px">
+                    <Column
+                        width="{= ${device>/system/desktop} ? '200px' : 'auto' }"
+                    >
                         <Text text="Transaction code" />
                     </Column>
-                    <Column width="300px">
+                    <Column
+                        width="{= ${device>/system/desktop} ? '300px' : 'auto' }"
+                    >
                         <Text text="Title" />
                     </Column>
-                    <Column>
+                    <Column visible="{= ${device>/system/desktop} }">
                         <Text text="Description" />
                     </Column>
                     <Column hAlign="Right" />
@@ -141,7 +145,10 @@
                         <cells>
                             <Text text="{= ${tcode}.toUpperCase() }" />
                             <Text text="{ path: 'title' }" />
-                            <Text text="{ path: 'description' }" />
+                            <Text
+                                text="{ path: 'description' }"
+                                visible="{= ${device>/system/desktop} }"
+                            />
                             <HBox justifyContent="End">
                                 <Button
                                     icon="{= ${favorite} ? 'sap-icon://favorite' : 'sap-icon://unfavorite' }"