From 38cb46cc53be65da6572d18389e978d630dc79ef Mon Sep 17 00:00:00 2001
From: Pier-Paolo Mammi <pierpaolo.mammi@gmail.com>
Date: Mon, 25 May 2026 15:01:12 +0200
Subject: [PATCH] add elixforms css styles

---
 scelta-carriera/src/App.css                   | 19 +++++++++++++++++++
 .../src/components/ElixFormsElement.tsx       |  9 ++++++++-
 scelta-carriera/src/index.css                 |  2 ++
 3 files changed, 29 insertions(+), 1 deletion(-)

diff --git a/scelta-carriera/src/App.css b/scelta-carriera/src/App.css
index f90339d..7ec1df1 100644
--- a/scelta-carriera/src/App.css
+++ b/scelta-carriera/src/App.css
@@ -1,3 +1,21 @@
+@import url('https://console-unipr.elixforms.it/elixFormsCustom/css/elixForms.css');
+@import url('https://console-unipr.elixforms.it/rwe2/css/design-bs/bootstrap_adaptation.css');
+@import url('https://console-unipr.elixforms.it/rwe2/css/design-bs/bootstrap_overrides.css');
+@import url('https://console-unipr.elixforms.it/rwe2/css/design-bs/console_user.css');
+@import url('https://console-unipr.elixforms.it/rwe2/css/design-bs/designitalia_adaptation.css');
+@import url('https://console-unipr.elixforms.it/rwe2/css/design-bs/fonts.css');
+@import url('https://console-unipr.elixforms.it/rwe2/css/design-bs/isipcss_overrides.css');
+@import url('https://console-unipr.elixforms.it/rwe2/css/design-bs/iulib.css');
+@import url('https://console-unipr.elixforms.it/rwe2/css/design-bs/print.css');
+@import url('https://console-unipr.elixforms.it/rwe2/css/design-bs/responsive.css');
+@import url('https://console-unipr.elixforms.it/rwe2/css/design-bs/style-bs.css');
+@import url('https://console-unipr.elixforms.it/rwe2/css/design-bs/style.css');
+@import url('https://console-unipr.elixforms.it/rwe2/css/design-bs/util.css');
+@import url('https://console-unipr.elixforms.it/rwe2/css/plugins/modaldisplay.css');
+@import url('https://console-unipr.elixforms.it/rwe2/css/themes/blu-italia.css');
+@import url('https://console-unipr.elixforms.it/rwe2/isipcss/css/grid_fluid.css');
+
+/*
 .counter {
   font-size: 16px;
   padding: 5px 10px;
@@ -182,3 +200,4 @@
     border-right-color: var(--border);
   }
 }
+*/
\ No newline at end of file
diff --git a/scelta-carriera/src/components/ElixFormsElement.tsx b/scelta-carriera/src/components/ElixFormsElement.tsx
index a3630eb..bc7879d 100644
--- a/scelta-carriera/src/components/ElixFormsElement.tsx
+++ b/scelta-carriera/src/components/ElixFormsElement.tsx
@@ -18,6 +18,13 @@ export class ElixFormsElement {
 
     // Optional: render both elements together
     render() : JSX.Element {
-        return (<>{this.label}{this.separator}{this.input}</>);
+        return (<><div className="iuFieldContainer">
+                <div className="attrDisplay_left attrDisplay_label"><div className="iuLabelContainer"><div className="attrDisplay_center"><div className="attrDisplay_middle">
+                    {this.label}{this.separator}
+                </div></div><div className="iuClearContainer">&nbsp;</div></div></div>
+                <div className="attrDisplay_right attrDisplay_input"><div className="iuInputContainer iuTypeString"><div className="attrDisplay_center"><div className="attrDisplay_middle">
+                    {this.input}
+                </div></div><div className="iuClearContainer">&nbsp;</div></div></div>
+        </div></>);
     }
 }
\ No newline at end of file
diff --git a/scelta-carriera/src/index.css b/scelta-carriera/src/index.css
index 2c84af0..79726ca 100644
--- a/scelta-carriera/src/index.css
+++ b/scelta-carriera/src/index.css
@@ -1,3 +1,4 @@
+/*
 :root {
   --text: #6b6375;
   --text-h: #08060d;
@@ -109,3 +110,4 @@ code {
   padding: 4px 8px;
   background: var(--code-bg);
 }
+*/
\ No newline at end of file