try to fix overlapping buttons in apps-management

Signed-off-by: szaimen <szaimen@e.mail.de>
Signed-off-by: nextcloud-command <nextcloud-command@users.noreply.github.com>

apps/settings/css/settings.scss

@@ -1034,8 +1034,13 @@ span.version {
 	}
 
 	.counter {
-		padding-left: $header-height - 10px;
-		margin: 10px;
+		padding-left: $header-height;
+		padding-top: 10px;
+		width: 100%;
+		background-color: var(--color-main-background);
+		position: fixed;
+		z-index: 1;
+		height: $header-height;
 	}
 
 	&.installed {
@@ -1043,6 +1048,7 @@ span.version {
 			display: table;
 			width: 100%;
 			height: auto;
+			margin-top: $header-height;
 		}
 
 		margin-bottom: 100px;

apps/settings/src/components/AppList.vue

@@ -33,6 +33,9 @@
 						{{ t('settings', 'Update all') }}
 					</button>
 				</div>
+				<div v-if="!showUpdateAll" class="counter">
+					{{ t('settings', 'All apps are up-to-date.') }}
+				</div>
 				<transition-group name="app-list" tag="div" class="apps-list-container">
 					<AppItem v-for="app in apps"
 						:key="app.id"