justify form selector

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",

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" />

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}