From 49a7d9b7d3f798bed864a15efb0d7c19905c0b97 Mon Sep 17 00:00:00 2001
From: Vanessa Pertsch <vanessa.pertsch@posteo.de>
Date: Thu, 24 Feb 2022 14:38:29 +0100
Subject: use new button component

Signed-off-by: Vanessa Pertsch <vanessa.pertsch@posteo.com>
Signed-off-by: Vanessa Pertsch <vanessa.pertsch@posteo.de>
---
 apps/settings/css/settings.scss          | 4 ++--
 apps/settings/src/components/AppList.vue | 8 +++++---
 2 files changed, 7 insertions(+), 5 deletions(-)

(limited to 'apps/settings')

diff --git a/apps/settings/css/settings.scss b/apps/settings/css/settings.scss
index d9073b9a138..87478983644 100644
--- a/apps/settings/css/settings.scss
+++ b/apps/settings/css/settings.scss
@@ -1040,7 +1040,7 @@ span.version {
 		background-color: var(--color-main-background);
 		position: fixed;
 		z-index: 1;
-		height: $header-height;
+		height: $header-height + 10px;
 	}
 
 	&.installed {
@@ -1048,7 +1048,7 @@ span.version {
 			display: table;
 			width: 100%;
 			height: auto;
-			margin-top: $header-height;
+			margin-top: $header-height + 10px;
 		}
 
 		margin-bottom: 100px;
diff --git a/apps/settings/src/components/AppList.vue b/apps/settings/src/components/AppList.vue
index 6f82d0c52e1..31d85e51092 100644
--- a/apps/settings/src/components/AppList.vue
+++ b/apps/settings/src/components/AppList.vue
@@ -26,12 +26,12 @@
 			<template v-if="useListView">
 				<div v-if="showUpdateAll" class="counter">
 					{{ n('settings', '%n app has an update available', '%n apps have an update available', counter) }}
-					<button v-if="showUpdateAll"
+					<Button v-if="showUpdateAll"
 						id="app-list-update-all"
-						class="primary"
+						type="primary"
 						@click="updateAll">
 						{{ t('settings', 'Update all') }}
-					</button>
+					</Button>
 				</div>
 				<div v-if="!showUpdateAll" class="counter">
 					{{ t('settings', 'All apps are up-to-date.') }}
@@ -104,11 +104,13 @@
 import AppItem from './AppList/AppItem'
 import PrefixMixin from './PrefixMixin'
 import pLimit from 'p-limit'
+import Button from '@nextcloud/vue/dist/Components/Button'
 
 export default {
 	name: 'AppList',
 	components: {
 		AppItem,
+		Button,
 	},
 	mixins: [PrefixMixin],
 	props: ['category', 'app', 'search'],
-- 
cgit v1.2.3