From c9e4c253e4b61c94b3443136b9397f71d9a31628 Mon Sep 17 00:00:00 2001
From: lingdocs <71590811+lingdocs@users.noreply.github.com>
Date: Fri, 29 Jul 2022 14:52:52 -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 d8c238c..f29d6f7 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@lingdocs/pashto-inflector",
-  "version": "3.6.3",
+  "version": "3.6.4",
   "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 b0bc9a8..d8f71c3 100644
--- a/src/components/DisplayModeSelect.tsx
+++ b/src/components/DisplayModeSelect.tsx
@@ -14,12 +14,8 @@ function ModeSelect({ value, onChange }: {
 }
 
 export function ScriptSelect({ value, onChange }: { value: "p" | "f", onChange: (m: "p" | "f") => void }) {
-    return <button style={{ marginLeft: "1.5rem" }} className="btn btn-sm btn-light">
-        {value === "p" ? <div className="clickable" onClick={() => onChange("f")}>
-            Ps
-        </div> : <div className="clickable" onClick={() => onChange("p")}>
-            Phon.
-        </div>}
+    return <button style={{ marginLeft: "1.5rem" }} className="btn btn-sm btn-light" onClick={() => onChange(value === "p" ? "f" : "p")}>
+        {value === "p" ? "Ps" : "Phon."}
     </button>;
 }