From 59720edf54090a782592c84c1c7311e3f36027b2 Mon Sep 17 00:00:00 2001
From: Daniel Vinci <me@danielvinci.com>
Date: Fri, 30 Apr 2021 13:42:02 -0600
Subject: [PATCH] fix alignment issue in TPN

---
 src/components/TalkingPointName.svelte | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

diff --git a/src/components/TalkingPointName.svelte b/src/components/TalkingPointName.svelte
index 2de3e3d..1809c9b 100644
--- a/src/components/TalkingPointName.svelte
+++ b/src/components/TalkingPointName.svelte
@@ -1,14 +1,18 @@
 <script>
-  export let text = 'replace this'
+  export let text = "replace this";
 </script>
 
+<div class="talkingPointNameContainer">
+  <h2 class="talkingPointName">{text}</h2>
+</div>
+
 <style>
   .talkingPointNameContainer {
     width: 100%;
     height: 115px;
     display: flex;
-    align-items: center;
-    justify-content: center;
+    align-items: flex-start;
+    justify-content: flex-end;
     background-color: #00111d;
     color: #ffffff;
   }
@@ -21,6 +25,10 @@
   }
 
   @media only screen and (max-device-width: 900px) and (orientation: portrait) {
+    .talkingPointNameContainer {
+      align-items: center;
+      justify-content: center;
+    }
     .talkingPointNameContainer .talkingPointName {
       padding-top: 0;
       padding-right: 0;
@@ -28,7 +36,3 @@
     }
   }
 </style>
-
-<div class="talkingPointNameContainer">
-  <h2 class="talkingPointName">{text}</h2>
-</div>