feat: make the project/person selector on pop-up right-justified

src/components/EntitySelectionStep.vue

@@ -8,12 +8,11 @@ notifications for conflicted entities * - Template streamlined with computed CSS
 properties * * @author Matthew Raymer */
 <template>
   <div id="sectionGiftedGiver">
-    <label class="block font-bold mb-4">
+    <label class="block font-bold mb-1">
       {{ stepLabel }}
     </label>
-
     <!-- Toggle link for entity type selection -->
-    <div class="mb-3">
+    <div class="text-right mb-4">
       <button
         type="button"
         class="text-sm text-blue-600 hover:text-blue-800 underline font-medium"
@@ -166,15 +165,15 @@ export default class EntitySelectionStep extends Vue {
    */
   get stepLabel(): string {
     if (this.stepType === "recipient") {
-      return "Choose who received the gift:";
+      return "Choose who received the gift";
     } else if (this.stepType === "giver") {
       if (this.shouldShowProjects) {
-        return "Choose a project benefitted from:";
+        return "Choose a project benefitted from";
       } else {
-        return "Choose a person received from:";
+        return "Choose a person received from";
       }
     }
-    return "Choose entity:";
+    return "Choose entity";
   }
 
   /**
@@ -213,9 +212,9 @@ export default class EntitySelectionStep extends Vue {
    */
   get toggleLinkText(): string {
     if (this.shouldShowProjects) {
-      return "or choose a person instead →";
+      return "... or choose a person instead →";
     } else {
-      return "or choose a project instead →";
+      return "... or choose a project instead →";
     }
   }