From ecd247611219fe1958e62405ab3567bfdf56ec39 Mon Sep 17 00:00:00 2001
From: NunoSempere <nuno.sempere@gmail.com>
Date: Thu, 25 Nov 2021 15:56:48 +0000
Subject: [PATCH] tweak: Additional UX improvements

---
 lib/comparisonView.js | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/lib/comparisonView.js b/lib/comparisonView.js
index eff62bb..e32e3c3 100644
--- a/lib/comparisonView.js
+++ b/lib/comparisonView.js
@@ -265,7 +265,7 @@ export default function ComparisonView({ listOfElementsForView }) {
 
             </div>
             <div
-              className="flex m-auto border-gray-300 border-4 h-72 w-72 p-5 "
+              className="flex m-auto border-gray-300 border-4 h-80 w-72 p-5 "
             //onClick={() => nextStep(binaryComparisons, toComparePair[1], toComparePair[0])}
             >
               <div className="block m-auto text-center">
@@ -275,12 +275,10 @@ export default function ComparisonView({ listOfElementsForView }) {
             </div>
           </div>
           <br />
+
           <label className="">
-            <p className="mb-1">
-              Reasoning (optional):
-            </p>
-            <br />
-            <textarea className="px-3 py-4 placeholder-blueGray-300 text-blueGray-600 relative bg-white bg-white rounded text-base border-0 shadow outline-none focus:outline-none focus:ring w-full"
+            Reasoning (optional):
+            <textarea className="mt-2 px-3 py-4 placeholder-blueGray-300 text-blueGray-600 relative bg-white bg-white rounded text-base border-0 shadow outline-none focus:outline-none focus:ring w-full"
               value={reasoning} 
               onChange={(event) => setReasoning(event.target.value)} 
             />