Remove extra space from channel menu

learningequality · Oct 31, 2023 · 78b2a0c · 78b2a0c
1 parent 92454c4
commit 78b2a0c
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 10 deletions.
diff --git a/contentcuration/contentcuration/frontend/channelList/views/Channel/ChannelItem.vue b/contentcuration/contentcuration/frontend/channelList/views/Channel/ChannelItem.vue
@@ -144,19 +144,19 @@
                   data-test="edit-channel"
                   @click.stop
                 >
-                  <VListTileAction>
+                  <VListTileAvatar>
                     <Icon>edit</Icon>
-                  </VListTileAction>
+                  </VListTileAvatar>
                   <VListTileTitle>{{ $tr('editChannel') }}</VListTileTitle>
                 </VListTile>
                 <VListTile
                   v-if="allowEdit && channel.published"
                   data-test="token-listitem"
                   @click="tokenDialog = true"
                 >
-                  <VListTileAction>
+                  <VListTileAvatar>
                     <Icon>content_copy</Icon>
-                  </VListTileAction>
+                  </VListTileAvatar>
                   <VListTileTitle>{{ $tr('copyToken') }}</VListTileTitle>
                 </VListTile>
                 <VListTile
@@ -165,33 +165,33 @@
                   target="_blank"
                   @click.stop
                 >
-                  <VListTileAction>
+                  <VListTileAvatar>
                     <Icon class="rtl-flip">
                       launch
                     </Icon>
-                  </VListTileAction>
+                  </VListTileAvatar>
                   <VListTileTitle>{{ $tr('goToWebsite') }}</VListTileTitle>
                 </VListTile>
                 <VListTile
                   v-if="channel.demo_server_url"
                   :href="channel.demo_server_url"
                   target="_blank"
                 >
-                  <VListTileAction>
+                  <VListTileAvatar>
                     <Icon class="rtl-flip">
                       launch
                     </Icon>
-                  </VListTileAction>
+                  </VListTileAvatar>
                   <VListTileTitle>{{ $tr('viewContent') }}</VListTileTitle>
                 </VListTile>
                 <VListTile
                   v-if="allowEdit"
                   data-test="delete-channel"
                   @click.stop="deleteDialog = true"
                 >
-                  <VListTileAction>
+                  <VListTileAvatar>
                     <Icon>delete</Icon>
-                  </VListTileAction>
+                  </VListTileAvatar>
                   <VListTileTitle>{{ $tr('deleteChannel') }}</VListTileTitle>
                 </VListTile>
               </VList>

diff --git a/contentcuration/contentcuration/frontend/shared/app.js b/contentcuration/contentcuration/frontend/shared/app.js
@@ -56,6 +56,7 @@ import Vuetify, {
   VListTileContent,
   VListTileSubTitle,
   VListTileTitle,
+  VListTileAvatar,
   VMenu,
   VNavigationDrawer,
   VPagination,
@@ -199,6 +200,7 @@ Vue.use(Vuetify, {
     VListTileContent,
     VListTileSubTitle,
     VListTileTitle,
+    VListTileAvatar,
     VMenu,
     VNavigationDrawer,
     VPagination,