Give cloudron logo in sidebar a sensible max-width

dashboard/src/Index.vue

@@ -288,7 +288,7 @@ onMounted(async () => {
     <div v-if="ready" style="display: flex; flex-direction: row; overflow: hidden; height: 100%;">
       <SideBar v-if="profile.isAtLeastUserManager" ref="sidebar">
         <a href="#/" class="sidebar-logo" @click="onSidebarClose()">
-          <img :src="avatarUrl" :alt="(config.cloudronName || 'Cloudron') + ' icon'" width="40" height="40"/> {{ config.cloudronName || 'Cloudron' }}
+          <img :src="avatarUrl" :alt="(config.cloudronName || 'Cloudron') + ' icon'"/> {{ config.cloudronName || 'Cloudron' }}
         </a>
         <div class="sidebar-list">
           <a class="sidebar-item" :class="{ active: view === VIEWS.APPS || view === VIEWS.APP }" :href="VIEWS.APPS" @click="onSidebarClose()"><i class="fa fa-grip fa-fw"></i> {{ $t('apps.title') }}</a>
@@ -402,6 +402,8 @@ onMounted(async () => {
 
 .sidebar-logo img {
   margin-right: 10px;
+  height: 40px;
+  width: 40px;
   border-radius: var(--pankow-border-radius);
 }
 
@@ -412,6 +414,9 @@ onMounted(async () => {
   color: var(--pankow-text-color);
   text-decoration: none;
   padding-left: 10px;
+  max-width: 300px;
+  overflow: hidden;
+  line-height: 45px;
 }
 
 .sidebar-list {