richie-education 3.2.2-dev56 → 3.2.2-dev58

package/js/components/SaleTunnel/SaleTunnelInformation/SaleTunnelInformationGroup.tsx

@@ -268,7 +268,7 @@ const BatchOrderForm = () => {
             }
           }}
           hidden={activeStep === 0}
-          color="secondary"
+          color="tertiary"
         >
           <FormattedMessage {...messages.previousButton} />
         </Button>

package/js/components/SaleTunnel/SaleTunnelInformation/StepContent.tsx

@@ -216,7 +216,9 @@ export const StepContent = ({
   return (
     <div className="step-content">
       <div className="step organization" hidden={activeStep !== 0}>
-        <FormattedMessage {...messages.stepCompanyTitle} />
+        <h4 className="title">
+          <FormattedMessage {...messages.stepCompanyTitle} />
+        </h4>
         <Input
           className="field"
           label={intl.formatMessage(messages.companyName)}
@@ -294,7 +296,9 @@ export const StepContent = ({
       </div>
       {otherBillingAddress && (
         <div className="step billing" hidden={activeStep !== 0}>
-          <FormattedMessage {...messages.stepBillingTitle} />
+          <h4 className="title">
+            <FormattedMessage {...messages.stepBillingTitle} />
+          </h4>
           <Input
             className="field"
             {...register('billing_address.contact_name')}
@@ -347,7 +351,9 @@ export const StepContent = ({
         </div>
       )}
       <div className="step admin" hidden={activeStep !== 1}>
-        <FormattedMessage {...messages.stepAdminTitle} />
+        <h4 className="title">
+          <FormattedMessage {...messages.stepAdminTitle} />
+        </h4>
         <Input
           className="field"
           {...register('administrative_lastname')}
@@ -411,7 +417,9 @@ export const StepContent = ({
         />
       </div>
       <div className="step signatory" hidden={activeStep !== 2}>
-        <FormattedMessage {...messages.stepSignatoryTitle} />
+        <h4 className="title">
+          <FormattedMessage {...messages.stepSignatoryTitle} />
+        </h4>
         <Input
           className="field"
           {...register('signatory_lastname')}
@@ -467,7 +475,9 @@ export const StepContent = ({
         />
       </div>
       <div className="step seats" hidden={activeStep !== 3}>
-        <FormattedMessage {...messages.stepParticipantsTitle} />
+        <h4 className="title">
+          <FormattedMessage {...messages.stepParticipantsTitle} />
+        </h4>
         <Input
           className="field"
           type="number"
@@ -479,7 +489,9 @@ export const StepContent = ({
         />
       </div>
       <div className="step financing" hidden={activeStep !== 4}>
-        <FormattedMessage {...messages.stepFinancingTitle} />
+        <h4 className="title">
+          <FormattedMessage {...messages.stepFinancingTitle} />
+        </h4>
         <RadioGroup fullWidth={true} className="payment-block">
           <Radio
             {...register('payment_method')}
@@ -512,7 +524,10 @@ export const StepContent = ({
             }
           />
         </RadioGroup>
-        <FormattedMessage {...messages.fundingEntity} />
+
+        <h4 className="title">
+          <FormattedMessage {...messages.fundingEntity} />
+        </h4>
         <div className="organism-block">
           <Input
             {...register('funding_entity')}
@@ -524,7 +539,10 @@ export const StepContent = ({
             label={intl.formatMessage(messages.fundingEntityAmount)}
           />
         </div>
-        <FormattedMessage {...messages.recommandation} />
+
+        <h4 className="title">
+          <FormattedMessage {...messages.recommandation} />
+        </h4>
         <Select
           label={intl.formatMessage(messages.participatingOrganisations)}
           clearable

package/js/components/SaleTunnel/_styles.scss

@@ -157,6 +157,13 @@
       align-items: center;
       margin: 1rem 0;
       gap: 0.5rem;
+
+      .title {
+        font-weight: var(--c--theme--font--weights--bold);
+        font-size: var(--c--theme--font--sizes--l);
+        margin: 0 0 0.5rem;
+      }
+
       .field {
         width: 90%;
       }
@@ -169,7 +176,7 @@
       }
       .payment-block {
         & > div {
-          margin: 1rem 0;
+          margin: 0 0 1rem;
           flex-direction: row;
         }
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "richie-education",
-  "version": "3.2.2-dev56",
+  "version": "3.2.2-dev58",
   "description": "A CMS to build learning portals for Open Education",
   "main": "sandbox/manage.py",
   "scripts": {