From 5df40d9e0ac09f84c348193c9abe3ea1488e62d3 Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Sat, 30 Nov 2024 01:49:40 +0200
Subject: [PATCH] style(settings): display anonymize database in two columns

---
 .../advanced/database_anonymization.js        | 29 +++++++++++--------
 1 file changed, 17 insertions(+), 12 deletions(-)

diff --git a/src/public/app/widgets/type_widgets/options/advanced/database_anonymization.js b/src/public/app/widgets/type_widgets/options/advanced/database_anonymization.js
index 74632abc9..c602b28cf 100644
--- a/src/public/app/widgets/type_widgets/options/advanced/database_anonymization.js
+++ b/src/public/app/widgets/type_widgets/options/advanced/database_anonymization.js
@@ -7,19 +7,24 @@ const TPL = `
 <div class="options-section">
     <h4>${t("database_anonymization.title")}</h4>
     
-    <h5>${t("database_anonymization.full_anonymization")}</h5>
-    
-    <p>${t("database_anonymization.full_anonymization_description")}</p>
-    
-    <button class="anonymize-full-button btn">${t("database_anonymization.save_fully_anonymized_database")}</button>
+    <div class="row">
+        <p>${t("database_anonymization.choose_anonymization")}</p>
 
-    <h5>${t("database_anonymization.light_anonymization")}</h5>
-    
-    <p>${t("database_anonymization.light_anonymization_description")}</p>
-    
-    <p>${t("database_anonymization.choose_anonymization")}</p>
-    
-    <button class="anonymize-light-button btn">${t("database_anonymization.save_lightly_anonymized_database")}</button>
+        <div class="col-6">
+            <h5>${t("database_anonymization.full_anonymization")}</h5>
+            
+            <p>${t("database_anonymization.full_anonymization_description")}</p>
+            <button class="anonymize-full-button btn">${t("database_anonymization.save_fully_anonymized_database")}</button>
+        </div>
+
+        <div class="col-6">
+            <h5>${t("database_anonymization.light_anonymization")}</h5>
+            
+            <p>${t("database_anonymization.light_anonymization_description")}</p>
+            
+            <button class="anonymize-light-button btn">${t("database_anonymization.save_lightly_anonymized_database")}</button>
+        </div>
+    </div>
     
     <h5>${t("database_anonymization.existing_anonymized_databases")}</h5>