fixed rendering issue

webapp/components/Editor/MenuLegend.vue

@@ -16,12 +16,12 @@
     </template>
     <template #popover="" class="legend">
       <div class="legend-container">
-        <div class="legend-header">Keyboard shortcuts and markdown code</div>
+        <div class="legend-header">{{$t(`editor.legend.legendTitle`)}}</div>
         <div class="legend-table" v-for="item in legenditems" :key="item.name">
           <base-button size="small" circle ghost :icon="item.iconname" class="legend-icon">
             <span v-if="item.label">{{ item.label }}</span>
           </base-button>
-          <span>{{ $t(item.name)}}</span>
+          <span>{{$t(item.name)}}</span>
           <span class="tool-shortcut">{{ item.shortcut }}</span>
         </div>
       </div>
@@ -71,6 +71,7 @@ export default {
 }
 .legend-header {
   margin-bottom: 0.5em;
+  text-align:center;
 }
 .legend-table {
   display: grid;

webapp/locales/de.json

@@ -314,6 +314,7 @@
       "noHashtagsFound": "Keine Hashtags gefunden"
     },
     "legend": {
+      "legendTitle": "Tastaturkürzel und Markdown-Code",
       "bold": "Fett",
       "italic": "Kursiv",
       "underline": "underline",

webapp/locales/en.json

@@ -314,6 +314,7 @@
       "noHashtagsFound": "No hashtags found"
     },
     "legend": {
+      "legendTitle": "Keyboard shortcuts and markdown code",
       "bold": "bold",
       "italic": "italic",
       "underline": "underline",

webapp/locales/ru.json

@@ -261,6 +261,7 @@
       "noHashtagsFound": "Хэштеги не найдены"
     },
     "legend": {
+      "legendTitle": "Клавиатурные сокращения и код разметки",
       "bold": "полужирный",
       "italic": "курсив",
       "underline": "подчеркнутый",