From 8d86ce885414fa192f686ce2c95f8093379378f5 Mon Sep 17 00:00:00 2001
From: Jiro Ghianni <jiro@maykinmedia.nl>
Date: Mon, 20 Feb 2023 16:36:23 +0100
Subject: [PATCH 1/2] :iphone: adjust flexbox for mobile view + fix typo in
 translation

---
 .../templates/components/Header/AccessibilityHeader.html       | 2 +-
 src/open_inwoner/conf/locale/nl/LC_MESSAGES/django.po          | 2 +-
 src/open_inwoner/scss/components/Typography/H1.scss            | 3 +++
 3 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/open_inwoner/components/templates/components/Header/AccessibilityHeader.html b/src/open_inwoner/components/templates/components/Header/AccessibilityHeader.html
index f7fe9ec735..064b740863 100644
--- a/src/open_inwoner/components/templates/components/Header/AccessibilityHeader.html
+++ b/src/open_inwoner/components/templates/components/Header/AccessibilityHeader.html
@@ -1,7 +1,7 @@
 {% load i18n link_tags %}
 
 <div class="accessibility-header">
-    <ul class="accessibility-header__list" role="complementary" aria-label="{% trans "Toegangkelijkheids help" %}">
+    <ul class="accessibility-header__list" role="complementary" aria-label="{% trans "Toegankelijkheids help" %}">
         <li class="accessibility-header__list-item">
             {% trans "Doorgaan naar hoofdinhoud" as link_text %}
             {% link href="#content" icon="south" text=link_text extra_classes="skip-link" %}
diff --git a/src/open_inwoner/conf/locale/nl/LC_MESSAGES/django.po b/src/open_inwoner/conf/locale/nl/LC_MESSAGES/django.po
index eac6a9683e..10cc86c97e 100644
--- a/src/open_inwoner/conf/locale/nl/LC_MESSAGES/django.po
+++ b/src/open_inwoner/conf/locale/nl/LC_MESSAGES/django.po
@@ -1402,7 +1402,7 @@ msgid "Zoeken"
 msgstr "Zoeken"
 
 #: components/templates/components/Header/AccessibilityHeader.html:4
-msgid "Toegangkelijkheids help"
+msgid "Toegankelijkheids help"
 msgstr ""
 
 #: components/templates/components/Header/AccessibilityHeader.html:6
diff --git a/src/open_inwoner/scss/components/Typography/H1.scss b/src/open_inwoner/scss/components/Typography/H1.scss
index fa1cda92a2..061755320e 100644
--- a/src/open_inwoner/scss/components/Typography/H1.scss
+++ b/src/open_inwoner/scss/components/Typography/H1.scss
@@ -11,6 +11,8 @@
   justify-content: space-between;
 
   @include mobile-only {
+    flex-direction: column;
+    align-items: flex-start;
     word-break: normal;
     overflow-wrap: break-word;
   }
@@ -22,6 +24,7 @@
   &--bottom {
     margin-bottom: calc(var(--row-height) / 2) !important;
   }
+
 }
 
 h1 + .card-container {

From f7f505fcd851f0798dfd1cbfc111eb0f57114811 Mon Sep 17 00:00:00 2001
From: Jiro Ghianni <jiro@maykinmedia.nl>
Date: Mon, 20 Feb 2023 16:36:58 +0100
Subject: [PATCH 2/2] :iphone: adjust flexbox for mobile view + fix typo in
 translation

---
 src/open_inwoner/scss/components/Typography/H1.scss | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/open_inwoner/scss/components/Typography/H1.scss b/src/open_inwoner/scss/components/Typography/H1.scss
index 061755320e..c37b381e88 100644
--- a/src/open_inwoner/scss/components/Typography/H1.scss
+++ b/src/open_inwoner/scss/components/Typography/H1.scss
@@ -24,7 +24,6 @@
   &--bottom {
     margin-bottom: calc(var(--row-height) / 2) !important;
   }
-
 }
 
 h1 + .card-container {