From af14bbbbbc08577295882d54fe60e1522624eac6 Mon Sep 17 00:00:00 2001
From: "julia.kirschenheuter" <julia.kirschenheuter@nextcloud.com>
Date: Mon, 28 Nov 2022 11:25:33 +0100
Subject: Change header semantic in the user status dialog

Signed-off-by: julia.kirschenheuter <julia.kirschenheuter@nextcloud.com>
Signed-off-by: nextcloud-command <nextcloud-command@users.noreply.github.com>
---
 apps/user_status/src/components/SetStatusModal.vue | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

(limited to 'apps/user_status/src')

diff --git a/apps/user_status/src/components/SetStatusModal.vue b/apps/user_status/src/components/SetStatusModal.vue
index b04af52eefb..2d500464bff 100644
--- a/apps/user_status/src/components/SetStatusModal.vue
+++ b/apps/user_status/src/components/SetStatusModal.vue
@@ -26,7 +26,7 @@
 		<div class="set-status-modal">
 			<!-- Status selector -->
 			<div class="set-status-modal__header">
-				<h3>{{ $t('user_status', 'Online status') }}</h3>
+				<h2>{{ $t('user_status', 'Online status') }}</h2>
 			</div>
 			<div class="set-status-modal__online-status">
 				<OnlineStatusSelect v-for="status in statuses"
@@ -38,7 +38,7 @@
 
 			<!-- Status message -->
 			<div class="set-status-modal__header">
-				<h3>{{ $t('user_status', 'Status message') }}</h3>
+				<h2>{{ $t('user_status', 'Status message') }}</h2>
 			</div>
 			<div class="set-status-modal__custom-input">
 				<CustomMessageInput ref="customMessageInput"
@@ -234,12 +234,11 @@ export default {
 	&__header {
 		text-align: center;
 		font-weight: bold;
+		margin: 15px 0;
 	}
 
 	&__online-status {
 		display: grid;
-		// Space between the two sections
-		margin-bottom: 40px;
 		grid-template-columns: 1fr 1fr;
 	}
 
-- 
cgit v1.2.3