From 7e08319f78a687f18bcff9d3c83861b310461c02 Mon Sep 17 00:00:00 2001
From: Varun Patil <radialapps@gmail.com>
Date: Fri, 4 Aug 2023 13:47:26 -0700
Subject: [PATCH] album: increase top matter inline count

Signed-off-by: Varun Patil <radialapps@gmail.com>
---
 src/components/top-matter/AlbumTopMatter.vue | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/top-matter/AlbumTopMatter.vue b/src/components/top-matter/AlbumTopMatter.vue
index 1e962374..06b7931e 100644
--- a/src/components/top-matter/AlbumTopMatter.vue
+++ b/src/components/top-matter/AlbumTopMatter.vue
@@ -38,7 +38,7 @@
         </NcActionRadio>
       </NcActions>
 
-      <NcActions :inline="1">
+      <NcActions :inline="isMobile ? 1 : 3">
         <NcActionButton
           :aria-label="t('memories', 'Create new album')"
           @click="$refs.createModal.open(false)"
@@ -121,6 +121,7 @@ import SortIcon from 'vue-material-design-icons/SortVariant.vue';
 import SlotAlphabeticalIcon from 'vue-material-design-icons/SortAlphabeticalAscending.vue';
 import SortDateIcon from 'vue-material-design-icons/SortCalendarDescending.vue';
 import { API } from '../../services/API';
+import * as utils from '../../services/Utils';
 
 export default defineComponent({
   name: 'AlbumTopMatter',
@@ -160,6 +161,10 @@ export default defineComponent({
       // Album name is displayed in the dynamic top matter (timeline)
       return this.$route.params.name ? '' : this.t('memories', 'Albums');
     },
+
+    isMobile(): boolean {
+      return utils.isMobile();
+    },
   },
 
   methods: {