From 7df15d36b12a82484e903ecb39e38795013ce72c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Viktor=20Sarstr=C3=B6m?= <viktorsarstrom@gmail.com>
Date: Tue, 30 Nov 2021 13:26:03 +0100
Subject: [PATCH] =?UTF-8?q?fix:=20=F0=9F=90=9B=20Fixes=20news=20title,=20l?=
 =?UTF-8?q?owered=20font=20size=20on=20header?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/navigationTitle.component.tsx              | 8 ++++++--
 .../components/newsItem.component.tsx                     | 8 ++++----
 2 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/apps/skolplattformen-sthlm/components/navigationTitle.component.tsx b/apps/skolplattformen-sthlm/components/navigationTitle.component.tsx
index a3de0ea40..6ab083e6a 100644
--- a/apps/skolplattformen-sthlm/components/navigationTitle.component.tsx
+++ b/apps/skolplattformen-sthlm/components/navigationTitle.component.tsx
@@ -14,7 +14,11 @@ interface NavigationTitleProps {
 export const NavigationTitle = ({ title, subtitle }: NavigationTitleProps) => {
   return (
     <View style={styles.container}>
-      <Text style={styles.title}>{title}</Text>
+      {title && (
+        <Text style={styles.title} numberOfLines={1} ellipsizeMode="tail">
+          {title}
+        </Text>
+      )}
       <Text style={styles.subtitle}>{subtitle}</Text>
     </View>
   )
@@ -25,7 +29,7 @@ const styles = StyleSheet.create({
     ...Layout.center,
   },
   title: {
-    ...fontSize.base,
+    ...fontSize.sm,
     fontWeight: '500',
   },
   subtitle: { ...fontSize.xxs },
diff --git a/apps/skolplattformen-sthlm/components/newsItem.component.tsx b/apps/skolplattformen-sthlm/components/newsItem.component.tsx
index da3d8cfa8..aadda62ce 100644
--- a/apps/skolplattformen-sthlm/components/newsItem.component.tsx
+++ b/apps/skolplattformen-sthlm/components/newsItem.component.tsx
@@ -38,10 +38,7 @@ export const newsItemRouteOptions =
     return {
       ...defaultStackStyling(darkMode),
       headerCenter: () => (
-        <NavigationTitle
-          title={newsItem.header}
-          subtitle={studentName(child?.name)}
-        />
+        <NavigationTitle subtitle={studentName(child?.name)} />
       ),
       headerLargeTitle: false,
     }
@@ -58,6 +55,9 @@ export const NewsItem = ({ route }: NewsItemProps) => {
       contentContainerStyle={styles.article}
       style={styles.scrollView}
     >
+      <Text maxFontSizeMultiplier={2} style={styles.title}>
+        {newsItem.header}
+      </Text>
       {dateIsValid(newsItem.published) && (
         <Text
           maxFontSizeMultiplier={2}