From c51d4bcbd60461c10b9708dd5f29edf978948081 Mon Sep 17 00:00:00 2001
From: Joas Schilling <coding@schilljs.com>
Date: Thu, 7 Nov 2019 09:38:18 +0100
Subject: [PATCH 1/2] Adjust header elements

Signed-off-by: Joas Schilling <coding@schilljs.com>
---
 src/components/AppSidebar/AppSidebar.vue | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/components/AppSidebar/AppSidebar.vue b/src/components/AppSidebar/AppSidebar.vue
index 3faefcc686..579e1c83cc 100644
--- a/src/components/AppSidebar/AppSidebar.vue
+++ b/src/components/AppSidebar/AppSidebar.vue
@@ -111,18 +111,18 @@
 						class="app-sidebar-header__star" @click.prevent="toggleStarred" />
 
 					<!-- main title -->
-					<h3 v-if="!titleEditable" class="app-sidebar-header__title">
+					<h2 v-if="!titleEditable" class="app-sidebar-header__title">
 						{{ title }}
-					</h3>
+					</h2>
 
 					<input v-if="titleEditable" v-focus class="app-sidebar-header__title-input"
 						type="text" :placeholder="titlePlaceholder" :value="title"
 						@input="onTitleInput">
 
 					<!-- secondary title -->
-					<h4 v-if="subtitle.trim() !== ''" class="app-sidebar-header__subtitle">
+					<p v-if="subtitle.trim() !== ''" class="app-sidebar-header__subtitle">
 						{{ subtitle }}
-					</h4>
+					</p>
 
 					<!-- header main menu -->
 					<Actions v-if="$slots['secondary-actions']" class="app-sidebar-header__menu">
@@ -517,7 +517,8 @@ $desc-height: 46px;
 				}
 			}
 			// titles
-			h3, h4 {
+			h2,
+			.app-sidebar-header__subtitle {
 				width: 100%;
 				white-space: nowrap;
 				text-overflow: ellipsis;
@@ -525,8 +526,7 @@ $desc-height: 46px;
 				margin: 0;
 			}
 			// main title
-			h3 {
-				font-size: 16px;
+			h2 {
 				padding: 0;
 			}
 			input.app-sidebar-header__title-input {
@@ -535,7 +535,7 @@ $desc-height: 46px;
 			}
 
 			// subtitle
-			h4 {
+			.app-sidebar-header__subtitle {
 				font-size: 14px;
 				padding: 0;
 				opacity: $opacity_normal;

From cdd4f194bb09ed753ad743b86a9d81a774216ad8 Mon Sep 17 00:00:00 2001
From: Joas Schilling <coding@schilljs.com>
Date: Fri, 22 Nov 2019 11:50:25 +0100
Subject: [PATCH 2/2] Adjust CSS selector for the h2 aswell

Signed-off-by: Joas Schilling <coding@schilljs.com>
---
 src/components/AppSidebar/AppSidebar.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/AppSidebar/AppSidebar.vue b/src/components/AppSidebar/AppSidebar.vue
index 579e1c83cc..1bd0723aea 100644
--- a/src/components/AppSidebar/AppSidebar.vue
+++ b/src/components/AppSidebar/AppSidebar.vue
@@ -517,7 +517,7 @@ $desc-height: 46px;
 				}
 			}
 			// titles
-			h2,
+			.app-sidebar-header__title,
 			.app-sidebar-header__subtitle {
 				width: 100%;
 				white-space: nowrap;
@@ -526,7 +526,7 @@ $desc-height: 46px;
 				margin: 0;
 			}
 			// main title
-			h2 {
+			.app-sidebar-header__title {
 				padding: 0;
 			}
 			input.app-sidebar-header__title-input {