add elixforms css styles

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);
   }
 }
+*/

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></>);
     }
 }

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);
 }
+*/