From 424b97d4e1c3afa0a1107f37e00b1ea26d2137cc Mon Sep 17 00:00:00 2001
From: lingdocs <71590811+lingdocs@users.noreply.github.com>
Date: Sat, 25 Jun 2022 16:23:26 -0500
Subject: [PATCH] justify form selector

---
 package.json                             | 2 +-
 src/components/DisplayModeSelect.tsx     | 5 ++++-
 src/components/vp-explorer/VPDisplay.tsx | 2 +-
 3 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/package.json b/package.json
index d61aeba..6a7f551 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@lingdocs/pashto-inflector",
-  "version": "3.1.0",
+  "version": "3.1.1",
   "author": "lingdocs.com",
   "description": "A Pashto inflection and verb conjugation engine, inculding React components for displaying Pashto text, inflections, and conjugations",
   "homepage": "https://verbs.lingdocs.com",
diff --git a/src/components/DisplayModeSelect.tsx b/src/components/DisplayModeSelect.tsx
index 2a044a1..32e9c77 100644
--- a/src/components/DisplayModeSelect.tsx
+++ b/src/components/DisplayModeSelect.tsx
@@ -1,6 +1,9 @@
 export type Mode = "text" | "blocks";
 
-function ModeSelect({ value, onChange }: { value: Mode, onChange: (m: Mode) => void }) {
+function ModeSelect({ value, onChange }: {
+    value: Mode,
+    onChange: (m: Mode) => void,
+}) {
     return <div style={{ fontSize: "larger", maxWidth: "1.75rem" }}>
         {value === "text" ? <div className="clickable" onClick={() => onChange("blocks")}>
             <i className="fas fa-cubes" />
diff --git a/src/components/vp-explorer/VPDisplay.tsx b/src/components/vp-explorer/VPDisplay.tsx
index 966a9a7..d213be5 100644
--- a/src/components/vp-explorer/VPDisplay.tsx
+++ b/src/components/vp-explorer/VPDisplay.tsx
@@ -34,7 +34,7 @@ function VPDisplay({ VPS, opts, setForm, justify, onlyOne }: {
     }
     const rendered = renderVP(VP);
     const result = compileVP(rendered, rendered.form);
-    return <div className="text-center mt-1">
+    return <div className={`text-${justify ? justify : "center"} mt-1`}>
         {typeof setForm === "function" && <AbbreviationFormSelector
             adjustable={rendered.whatsAdjustable}
             form={rendered.form}