Better layout app install dialog on mobile to avoid overflow

dashboard/src/components/AppInstallDialog.vue

@@ -222,14 +222,14 @@ defineExpose({
     <div class="app-install-dialog-body" :class="{ 'step-detail': step === STEP.DETAILS, 'step-install': step === STEP.INSTALL }">
       <div class="app-install-header">
         <div class="summary" v-if="app.manifest">
-          <div class="title">{{ manifest.title }}</div>
+          <div class="title"><img class="icon pankow-no-desktop" style="width: 32px; height: 32px; margin-right: 10px" :src="app.iconUrl" />{{ manifest.title }}</div>
           <div>{{ $t('app.updates.info.packageVersion') }} {{ app.manifest.version }}</div>
           <div>{{ manifest.title }} Version {{ app.manifest.upstreamVersion }}</div>
           <div><a :href="manifest.website" target="_blank">{{ manifest.website }}</a></div>
           <div>{{ $t('appstore.installDialog.memoryRequirement', { size: prettyBinarySize(manifest.memoryLimit || (256 * 1024 * 1024)) }) }}</div>
           <div>{{ $t('appstore.installDialog.lastUpdated', { date: prettyDate(app.creationDate) }) }}</div>
         </div>
-        <img class="icon" :src="app.iconUrl" />
+        <img class="icon pankow-no-mobile" :src="app.iconUrl" />
       </div>
       <Transition name="slide-left" mode="out-in">
         <div v-if="step === STEP.DETAILS">
@@ -316,6 +316,7 @@ defineExpose({
   display: flex;
   flex-direction: column;
   font-size: 14px;
+  overflow: hidden;
 }
 
 .summary > div {
@@ -325,6 +326,8 @@ defineExpose({
 .title {
   font-size: 32px;
   margin-bottom: 10px;
+  display: flex;
+  align-items: center;
 }
 
 .icon {