Backend korrigiert, icons korrigiert, menü-aufklappen verbessert

frontend/src/components/AppNavigation.vue

@@ -123,9 +123,20 @@ a {
   position: absolute;
   border: 1px solid #7E471B;
   background-color: #F9A22C;
-  display: none;
   left: 0;
   top: 2.5em;
+  max-height: 0;
+  overflow: hidden;
+  opacity: 0;
+  visibility: hidden;
+  transition: max-height 0.25s ease-in-out, opacity 0.05s ease-in-out, visibility 0s 0.05s;
+}
+
+.mainmenuitem:hover .submenu1 {
+  max-height: 500px;
+  opacity: 1;
+  visibility: visible;
+  transition: max-height 0.25s ease-in-out, opacity 0.05s ease-in-out, visibility 0s;
 }
 
 .submenu1>li {

frontend/src/components/DialogWidget.vue

@@ -5,7 +5,7 @@
       v-if="!minimized" ref="dialog">
       <div class="dialog-header" @mousedown="startDragging">
         <span v-if="icon" class="dialog-icon">
-          <img :src="icon" alt="Icon" />
+          <img :src="'/images/icons/' + icon" alt="Icon" />
         </span>
         <span class="dialog-title">{{ isTitleTranslated ? $t(title) : title }}</span>
         <span v-if="!modal" class="dialog-minimize" @click="minimize">_</span>
@@ -193,14 +193,14 @@ export default {
   display: flex;
   align-items: center;
   justify-content: space-between;
-  padding: 10px 20px;
+  padding: 5px 5px;
   border-bottom: 1px solid #ddd;
   background-color: #F9A22C;
   cursor: move;
 }
 
 .dialog-icon {
-  margin-right: 10px;
+  padding: 2px 5px 0 0;
 }
 
 .dialog-title {
@@ -231,16 +231,18 @@ export default {
 
 .dialog-button {
   margin-left: 10px;
-  padding: 10px 20px;
+  padding: 5px 10px;
   cursor: pointer;
-  background: #007bff;
-  color: white;
+  background: #F9A22C;
+  color: #000000;
   border: none;
   border-radius: 4px;
-  transition: background 0.3s;
+  transition: background 0.02s;
 }
 
 .dialog-button:hover {
-  background: #0056b3;
+  background: #fdf1db;
+  color: #7E471B;
+  border: 1px solid #7E471B;
 }
 </style>