From da8ec83871334cff61a2a22d110323e0d7abd7f7 Mon Sep 17 00:00:00 2001
From: Evan Hahn <69474926+EvanHahn-Signal@users.noreply.github.com>
Date: Thu, 11 Nov 2021 17:01:12 -0600
Subject: [PATCH] Update name/description heights in badge dialog

---
 stylesheets/components/BadgeDialog.scss | 9 ++++++---
 ts/test-both/helpers/getFakeBadge.ts    | 3 ++-
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/stylesheets/components/BadgeDialog.scss b/stylesheets/components/BadgeDialog.scss
index 28caf429fe..f4a2d46c3f 100644
--- a/stylesheets/components/BadgeDialog.scss
+++ b/stylesheets/components/BadgeDialog.scss
@@ -99,13 +99,16 @@
 
   &__name {
     @include font-title-2;
-    @include fixed-height(2.5rem);
-    margin-top: 24px;
+    @include fixed-height(3.5em);
+    align-items: center;
+    display: flex;
+    justify-content: center;
     margin-bottom: 8px;
+    margin-top: 24px;
   }
 
   &__description {
     @include font-body-1;
-    @include fixed-height(3.5rem);
+    @include fixed-height(5.5em);
   }
 }
diff --git a/ts/test-both/helpers/getFakeBadge.ts b/ts/test-both/helpers/getFakeBadge.ts
index 1f93d415e0..7c5fa9a4a2 100644
--- a/ts/test-both/helpers/getFakeBadge.ts
+++ b/ts/test-both/helpers/getFakeBadge.ts
@@ -23,7 +23,8 @@ export function getFakeBadge({
     id,
     category: alternate ? BadgeCategory.Other : BadgeCategory.Donor,
     name: `Test Badge ${alternate ? 'B' : 'A'}`,
-    descriptionTemplate: '{short_name} got this badge for no good reason',
+    descriptionTemplate:
+      "{short_name} got this badge because they're cool. Signal is a nonprofit with no advertisers or investors, supported only by people like you.",
     images: [
       ...Array(3).fill(
         zipObject(Object.values(BadgeImageTheme), repeat(imageFile))