✨ (grapher) make title wider on smaller screens (#3676)

owid · Jun 3, 2024 · 2584c37 · 2584c37
1 parent bc19dbc
commit 2584c37
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/packages/@ourworldindata/grapher/src/header/Header.tsx b/packages/@ourworldindata/grapher/src/header/Header.tsx
@@ -100,10 +100,16 @@ export class Header<
     }
 
     @computed get title(): TextWrap {
+        const logoPadding = this.manager.isNarrow
+            ? 12
+            : this.manager.isSmall
+              ? 16
+              : 24
+
         const makeTitle = (fontSize: number): TextWrap =>
             new TextWrap({
                 text: this.titleText,
-                maxWidth: this.maxWidth - this.logoWidth - 24,
+                maxWidth: this.maxWidth - this.logoWidth - logoPadding,
                 fontWeight: this.titleFontWeight,
                 lineHeight: this.titleLineHeight,
                 fontSize,