From ce62675fa5f1f4d58edf4c622a15b294d53f1026 Mon Sep 17 00:00:00 2001
From: Stephan Richter <s.richter@srsoftware.de>
Date: Wed, 4 Feb 2026 08:42:00 +0100
Subject: [PATCH] improved style of main menu and message settings for mobile
 devices

Signed-off-by: Stephan Richter <s.richter@srsoftware.de>
---
 frontend/src/Components/Menu.svelte          |  2 +-
 frontend/src/routes/message/Messages.svelte  |  2 +-
 translations/src/main/resources/de.json      |  2 +-
 web/src/main/resources/web/css/bloodshed.css | 10 ----------
 web/src/main/resources/web/css/default.css   | 10 ----------
 web/src/main/resources/web/css/winter.css    | 10 ----------
 6 files changed, 3 insertions(+), 33 deletions(-)

diff --git a/frontend/src/Components/Menu.svelte b/frontend/src/Components/Menu.svelte
index 46efa8c5..603ccc41 100644
--- a/frontend/src/Components/Menu.svelte
+++ b/frontend/src/Components/Menu.svelte
@@ -69,7 +69,7 @@ onMount(fetchModules);
     <a href="/wiki"     {onclick} class="wiki">{t('wiki')}</a>
     <a href="/contact"  {onclick} class="contact">{t('contacts')}</a>
     <a href="/stock"    {onclick} class="stock">{t('stock')}</a>
-    <a href="/message"  {onclick} class="message">{t('messages')}</a>
+    <a href="/message"  {onclick} class="message">{@html t('messages')}</a>
     {#if user.id == 2}
     <a href="https://svelte.dev/tutorial/svelte/state" target="_blank">{t('tutorial')}</a>
     {/if}
diff --git a/frontend/src/routes/message/Messages.svelte b/frontend/src/routes/message/Messages.svelte
index 90c81663..e94e1029 100644
--- a/frontend/src/routes/message/Messages.svelte
+++ b/frontend/src/routes/message/Messages.svelte
@@ -62,7 +62,7 @@
 </script>
 
 <fieldset>
-    <legend>{t('messages')} <button onclick={showSettings}>{t('settings')}</button></legend>
+    <legend>{@html t('messages')} <button onclick={showSettings}>{t('settings')}</button></legend>
     <table>
         <thead>
             <tr>
diff --git a/translations/src/main/resources/de.json b/translations/src/main/resources/de.json
index 247e7027..3eaabea6 100644
--- a/translations/src/main/resources/de.json
+++ b/translations/src/main/resources/de.json
@@ -210,7 +210,7 @@
   "member": "Mitarbeiter",
   "members": "Mitarbeiter",
   "message": "Nachricht",
-  "messages": "Benachrichtigungen",
+  "messages": "Be&shy;nach&shy;rich&shy;ti&shy;gung&shy;en",
   "miscellaneous_settings": "sonstige Einstellungen",
   "missing_new_item_id": "Alter Artikel-ID ({0}) wurde keine neue ID zugeordnet!",
   "mismatch": "ungleich",
diff --git a/web/src/main/resources/web/css/bloodshed.css b/web/src/main/resources/web/css/bloodshed.css
index 1e876ad8..58be76a2 100644
--- a/web/src/main/resources/web/css/bloodshed.css
+++ b/web/src/main/resources/web/css/bloodshed.css
@@ -142,16 +142,6 @@ td, tr{
   font-weight: normal;
 }
 
-.settings {
-  position: fixed;
-  top: 60px;
-  left: 10px;
-  right: 10px;
-  padding: 10px;
-  border: 1px solid;
-  border-radius: 5px;
-}
-
 .project.list td:not(.actions){
     cursor: pointer;
 }
diff --git a/web/src/main/resources/web/css/default.css b/web/src/main/resources/web/css/default.css
index cf2aabe5..5a402981 100644
--- a/web/src/main/resources/web/css/default.css
+++ b/web/src/main/resources/web/css/default.css
@@ -225,16 +225,6 @@ td, tr{
   font-weight: normal;
 }
 
-.settings {
-  position: fixed;
-  top: 60px;
-  left: 10px;
-  right: 10px;
-  padding: 10px;
-  border: 1px solid;
-  border-radius: 5px;
-}
-
 .project.list td:not(.actions){
     cursor: pointer;
 }
diff --git a/web/src/main/resources/web/css/winter.css b/web/src/main/resources/web/css/winter.css
index 57742261..b6debc7c 100644
--- a/web/src/main/resources/web/css/winter.css
+++ b/web/src/main/resources/web/css/winter.css
@@ -142,16 +142,6 @@ td, tr{
   font-weight: normal;
 }
 
-.settings {
-  position: fixed;
-  top: 60px;
-  left: 10px;
-  right: 10px;
-  padding: 10px;
-  border: 1px solid;
-  border-radius: 5px;
-}
-
 .project.list td:not(.actions){
     cursor: pointer;
 }