css: refactoring & fixing - day 2

src/page-project-edit.pug

@@ -1,59 +1,59 @@
 
-sib-widget(name='template-legend-team')
-  template
-    span ${label}
 
-sib-widget(name='template-members')
-  template
-
-    sib-form.team.is-horizontal(
-      naked,
-      data-src='${id}',
-      data-fields='user.name, name',
-      range-user.name=`${sdn}/users/`,
-      class-name='field',
-      class-user.name='field',
-      label-name='Role',
-      label-user.name='Member(s)',
-    )
-
-.frame-form.full-wide
+.content-box.with-form.full-width
   h1 Edit your project
-  p.form-goal Here you can edit your projet's details
-  .form-view
-    sib-form.block(
-      data-fields='block-project__info, block-project__fee, block-project__customer, block-project__team',
+  p Here you can edit your projet's details
 
-      set-block-project__info='customer.name, name, customer.logo, description',
-      label-customer.name='Customer\'s name',
-      label-name='Project\'s name',
-      label-customer.logo='Customer\'s logo',
-      label-description='Project description',
-      
-      set-block-project__fee='fieldset-fee, businessProvider, businessProvider.fee',
-      range-businessProvider=`${sdn}/businessproviders/`,
-      label-businessProvider='Business provider',
-      label-businessProvider.fee='Amount of the contribution (%)',
-      widget-fieldset-fee='template-legend-team',
-      widget-businessProvider.fee='sib-form-number',
-      label-fieldset-fee='Fee',
-      
-      set-block-project__customer='fieldset-customer, customer.companyRegister, customer.address, customer.firstName, customer.lastName, customer.role, customer.email, customer.phone',
-      label-customer.companyRegister='Company registration number',
-      label-customer.address='Address',
-      label-customer.firstName='Name of the contact at the customer\'s premises',
-      label-customer.lastName='Firstname of the contact at the customer\'s premises',
-      label-customer.role='Role within the company',
-      label-customer.email='Email',
-      label-customer.phone='Phone',
-      widget-fieldset-customer='template-legend-team',
-      label-fieldset-customer='Customer information',
+  sib-widget(name='hd-template-project-title')
+    template
+      span ${label}
 
-      set-block-project__team='fieldset-team, members',
-      label-fieldset-team='The team',
-      widget-fieldset-team='template-legend-team',
-      widget-members='template-members',
-      multiple-members,
+  sib-widget(name='template-members')
+    template
+      sib-form.team.is-horizontal(
+        naked,
+        data-src='${id}',
+        data-fields='user.name, name',
+        range-user.name=`${sdn}/users/`,
+        class-name='field',
+        class-user.name='field',
+        label-name='Role',
+        label-user.name='Member(s)',
+      )
 
-      bind-resources
-    )
+  sib-form.block(
+    data-fields='block-project__info, block-project__fee, block-project__customer, block-project__team',
+
+    set-block-project__info='customer.name, name, customer.logo, description',
+    label-customer.name='Customer\'s name',
+    label-name='Project\'s name',
+    label-customer.logo='Customer\'s logo',
+    label-description='Project description',
+
+    set-block-project__fee='fieldset-fee, businessProvider, businessProvider.fee',
+    range-businessProvider=`${sdn}/businessproviders/`,
+    label-businessProvider='Business provider',
+    label-businessProvider.fee='Amount of the contribution (%)',
+    widget-fieldset-fee='hd-template-project-title',
+    widget-businessProvider.fee='sib-form-number',
+    label-fieldset-fee='Fee',
+
+    set-block-project__customer='fieldset-customer, customer.companyRegister, customer.address, customer.firstName, customer.lastName, customer.role, customer.email, customer.phone',
+    label-customer.companyRegister='Company registration number',
+    label-customer.address='Address',
+    label-customer.firstName='Name of the contact at the customer\'s premises',
+    label-customer.lastName='Firstname of the contact at the customer\'s premises',
+    label-customer.role='Role within the company',
+    label-customer.email='Email',
+    label-customer.phone='Phone',
+    widget-fieldset-customer='hd-template-project-title',
+    label-fieldset-customer='Customer information',
+
+    set-block-project__team='fieldset-team, members',
+    label-fieldset-team='The team',
+    widget-fieldset-team='hd-template-project-title',
+    widget-members='template-members',
+    multiple-members,
+
+    bind-resources
+  )