Improve data export

HASEL-UZH · Mar 6, 2024 · 201761c · 201761c
1 parent 5cfd1f2
commit 201761c
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 14 deletions.
diff --git a/src/electron/src/components/DataExportUserInputTracker.vue b/src/electron/src/components/DataExportUserInputTracker.vue
@@ -36,27 +36,27 @@ 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"
             :value="DataExportType.All"
             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"
             :value="DataExportType.None"
             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
@@ -44,41 +44,41 @@ 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"
             :value="DataExportType.All"
             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"
             :value="DataExportType.Obfuscate"
             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"
             :value="DataExportType.ObfuscateWithTerms"
             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,15 +97,15 @@ 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"
             :value="DataExportType.None"
             class="radio checked:bg-blue-500"
             @change="emitOptionChanged"
           />
+          <span class="label-text ml-2">Do not share this data</span>
         </label>
       </div>
     </div>