Update name/description heights in badge dialog

Co-authored-by: Evan Hahn <69474926+EvanHahn-Signal@users.noreply.github.com>
signalapp · Nov 11, 2021 · bfcfafe · bfcfafe
1 parent d2342a0
commit bfcfafe
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git 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
@@ -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))