From 6b08af79b0531bf0c3db806006970fddea7855ac Mon Sep 17 00:00:00 2001
From: lingdocs <71590811+lingdocs@users.noreply.github.com>
Date: Fri, 29 Jul 2022 14:54:01 -0500
Subject: [PATCH] fix button size issue

---
 package.json                         | 2 +-
 src/components/DisplayModeSelect.tsx | 8 ++------
 2 files changed, 3 insertions(+), 7 deletions(-)

diff --git a/package.json b/package.json
index f29d6f7..cc10b3b 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@lingdocs/pashto-inflector",
-  "version": "3.6.4",
+  "version": "3.6.5",
   "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 d8f71c3..480b355 100644
--- a/src/components/DisplayModeSelect.tsx
+++ b/src/components/DisplayModeSelect.tsx
@@ -20,12 +20,8 @@ export function ScriptSelect({ value, onChange }: { value: "p" | "f", onChange:
 }
 
 export function LengthSelect({ value, onChange }: { value: "long" | "short", onChange: (l: "long" | "short") => void }) {
-    return <button style={{ marginLeft: "1.5rem" }} className="btn btn-sm btn-light">
-        {value === "long" ? <div className="clickable" onClick={() => onChange("short")}>
-            long
-        </div> : <div className="clickable" onClick={() => onChange("long")}>
-            short
-        </div>}
+    return <button style={{ marginLeft: "1.5rem" }} className="btn btn-sm btn-light" onClick={() => onChange(value === "long" ? "short" : "long")}>
+        {value}
     </button>;
 }