From 09a4d66a1cca1bd56fcdafe9d782d1fff98f41f8 Mon Sep 17 00:00:00 2001
From: Terry Truong <terry06890@gmail.com>
Date: Sun, 27 Mar 2022 21:01:03 +1100
Subject: Allow rectSepLeaves to both start and end

---
 src/components/Settings.vue | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

(limited to 'src/components/Settings.vue')

diff --git a/src/components/Settings.vue b/src/components/Settings.vue
index 97b08d1..30ff0c3 100644
--- a/src/components/Settings.vue
+++ b/src/components/Settings.vue
@@ -83,8 +83,21 @@ export default defineComponent({
 	</div>
 	<hr class="border-stone-400"/>
 	<div>
-		<label> <input type="checkbox" v-model="layoutOptions.rectSepLeaves"
-			@change="onLayoutOptChg"/> Rect leaves to start </label>
+		Rect leaf separation
+		<ul>
+			<li>
+				<label> <input type="radio" v-model="layoutOptions.rectSepLeaves" value="none"
+					@change="onLayoutOptChg"/> None </label>
+			</li>
+			<li>
+				<label> <input type="radio" v-model="layoutOptions.rectSepLeaves" value="start"
+					@change="onLayoutOptChg"/> To start </label>
+			</li>
+			<li>
+				<label> <input type="radio" v-model="layoutOptions.rectSepLeaves" value="end"
+					@change="onLayoutOptChg"/> To end </label>
+			</li>
+		</ul>
 	</div>
 	<hr class="border-stone-400"/>
 	<div>
-- 
cgit v1.2.3