From 201761c231d017b7112164539ad8d55220b12b06 Mon Sep 17 00:00:00 2001
From: Sebastian Richner <sebastian@richner.ag>
Date: Wed, 6 Mar 2024 15:30:34 +0100
Subject: [PATCH] Improve data export

---
 .../components/DataExportUserInputTracker.vue |  8 ++++----
 .../DataExportWindowActivityTracker.vue       | 20 +++++++++----------
 2 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/src/electron/src/components/DataExportUserInputTracker.vue b/src/electron/src/components/DataExportUserInputTracker.vue
index 6b160525..2c778f45 100644
--- a/src/electron/src/components/DataExportUserInputTracker.vue
+++ b/src/electron/src/components/DataExportUserInputTracker.vue
@@ -36,8 +36,7 @@ const emitChange = () => {
     </div>
     <div class="mt-4 flex w-1/3 flex-col">
       <div class="form-control">
-        <label class="label cursor-pointer">
-          <span class="label-text">Share data as-is</span>
+        <label class="label flex cursor-pointer items-center justify-start">
           <input
             v-model="selectedOption"
             type="radio"
@@ -45,11 +44,11 @@ const emitChange = () => {
             class="radio checked:bg-blue-500"
             @change="emitChange"
           />
+          <span class="label-text ml-2">Share data as-is</span>
         </label>
       </div>
       <div class="form-control">
-        <label class="label cursor-pointer">
-          <span class="label-text">Do not share this data</span>
+        <label class="label flex cursor-pointer items-center justify-start">
           <input
             v-model="selectedOption"
             type="radio"
@@ -57,6 +56,7 @@ const emitChange = () => {
             class="radio checked:bg-blue-500"
             @change="emitChange"
           />
+          <span class="label-text ml-2">Do not share this data</span>
         </label>
       </div>
     </div>
diff --git a/src/electron/src/components/DataExportWindowActivityTracker.vue b/src/electron/src/components/DataExportWindowActivityTracker.vue
index 054c817b..37de3dfa 100644
--- a/src/electron/src/components/DataExportWindowActivityTracker.vue
+++ b/src/electron/src/components/DataExportWindowActivityTracker.vue
@@ -44,8 +44,7 @@ const emitObfuscateSampleData = async () => {
     </div>
     <div class="mt-4 flex w-1/2 flex-col">
       <div class="form-control">
-        <label class="label cursor-pointer">
-          <span class="label-text">Share data as-is</span>
+        <label class="label flex cursor-pointer items-center justify-start">
           <input
             v-model="selectedOption"
             type="radio"
@@ -53,11 +52,11 @@ const emitObfuscateSampleData = async () => {
             class="radio checked:bg-blue-500"
             @change="emitOptionChanged"
           />
+          <span class="label-text ml-2">Share data as-is</span>
         </label>
       </div>
       <div class="form-control">
-        <label class="label cursor-pointer">
-          <span class="label-text">Obfuscate potentially sensitive data</span>
+        <label class="label flex cursor-pointer items-center justify-start">
           <input
             v-model="selectedOption"
             type="radio"
@@ -65,13 +64,11 @@ const emitObfuscateSampleData = async () => {
             class="radio checked:bg-blue-500"
             @change="emitOptionChanged"
           />
+          <span class="label-text ml-2">Obfuscate potentially sensitive data</span>
         </label>
       </div>
       <div class="form-control">
-        <label class="label cursor-pointer">
-          <span class="label-text"
-            >Only obfuscate data with the following (comma-separated) list of terms</span
-          >
+        <label class="label flex cursor-pointer items-center justify-start">
           <input
             v-model="selectedOption"
             type="radio"
@@ -79,6 +76,9 @@ const emitObfuscateSampleData = async () => {
             class="radio checked:bg-blue-500"
             @change="emitOptionChanged"
           />
+          <span class="label-text ml-2"
+            >Only obfuscate data with the following (comma-separated) list of terms</span
+          >
         </label>
       </div>
       <div v-if="selectedOption === DataExportType.ObfuscateWithTerms">
@@ -97,8 +97,7 @@ const emitObfuscateSampleData = async () => {
         </div>
       </div>
       <div class="form-control">
-        <label class="label cursor-pointer">
-          <span class="label-text">Do not share this data</span>
+        <label class="label flex cursor-pointer items-center justify-start">
           <input
             v-model="selectedOption"
             type="radio"
@@ -106,6 +105,7 @@ const emitObfuscateSampleData = async () => {
             class="radio checked:bg-blue-500"
             @change="emitOptionChanged"
           />
+          <span class="label-text ml-2">Do not share this data</span>
         </label>
       </div>
     </div>