From dc75525e74f14c7ed1ccaed97f12e9a2e489b3c1 Mon Sep 17 00:00:00 2001
From: lingdocs <71590811+lingdocs@users.noreply.github.com>
Date: Sat, 30 Jul 2022 22:03:10 -0500
Subject: [PATCH] touchup

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

diff --git a/package.json b/package.json
index 6e31d77..5eb5e3d 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@lingdocs/pashto-inflector",
-  "version": "3.6.7",
+  "version": "3.6.8",
   "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/vp-explorer/AbbreviationFormSelector.tsx b/src/components/vp-explorer/AbbreviationFormSelector.tsx
index 2085bb6..59f3e8a 100644
--- a/src/components/vp-explorer/AbbreviationFormSelector.tsx
+++ b/src/components/vp-explorer/AbbreviationFormSelector.tsx
@@ -1,6 +1,7 @@
 import ButtonSelect from "../ButtonSelect";
 import * as T from "../../types";
 import { roleIcon } from "./VPExplorerExplanationModal";
+import classNames from "classnames";
 
 const options = [
     {
@@ -86,7 +87,7 @@ function AbbreviationFormSelector({ form, onChange, adjustable, inline }: {
         }
     }
     // TODO: limit display of shrinking options based on the verb type
-    return <div className="mb-3 mx-3">
+    return <div className={classNames("mx-3", { "mb-3": !inline })}>
         {/* <div className="text-center text-small mb-2">Abbreviation Options</div> */}
         <ButtonSelect
             faded={inline}
diff --git a/src/components/vp-explorer/VPDisplay.tsx b/src/components/vp-explorer/VPDisplay.tsx
index 29a1997..35e4203 100644
--- a/src/components/vp-explorer/VPDisplay.tsx
+++ b/src/components/vp-explorer/VPDisplay.tsx
@@ -45,7 +45,7 @@ function VPDisplay({ VPS, opts, setForm, justify, onlyOne, length, mode: preferr
             form={rendered.form}
             onChange={setForm}
         />}
-        <div className="d-flex flex-row">
+        <div className="d-flex flex-row mb-2">
             <ModeSelect value={mode} onChange={setMode} />
             {mode === "blocks" && <ScriptSelect value={script} onChange={setScript} />}
             {mode === "text" && length && "long" in result.ps && onLengthChange && <LengthSelect value={length} onChange={onLengthChange} />}