fix(pci.projects.creation): replace p small styles

Author: Jisay

packages/manager/modules/pci/src/projects/new/new.html

@@ -65,9 +65,10 @@ <h1 data-translate="pci_projects_new_title">
                         </a>
                     </div>
 
-                    <p data-ng-if="$ctrl.isCreditAsteriskVisible()">
-                        <small data-translate="pci_projects_new_create_credit_asterisk"></small>
-                    </p>
+                    <small data-translate="pci_projects_new_create_credit_asterisk"
+                           data-ng-if="$ctrl.isCreditAsteriskVisible()"
+                           class="d-block mb-3">
+                    </small>
                 </div>
             </div>
         </div>

packages/manager/modules/pci/src/projects/new/new.scss

@@ -4,6 +4,10 @@ pci-project-new { /* stylelint-disable-line */
   .pci-projects-new {
     background-color: rgb(241, 249, 253);
 
+    small {
+      line-height: 16px;
+    }
+
     .bg-white {
       background-color: #fff;
     }

packages/manager/modules/pci/src/projects/new/payment/add/add.html

@@ -16,11 +16,11 @@
         data-on-selected-payment-type-change="$ctrl.onPaymentTypeChange.bind($ctrl)">
     </ovh-payment-method-available-types>
 
-    <p class="font-italic"
-       data-ng-switch="$ctrl.selectedPaymentType.paymentType.value"
-       data-ng-if="$ctrl.selectedPaymentType">
-        <small data-translate="{{ 'pci_projects_new_payment_add_' + $ctrl.selectedPaymentType.paymentType.value.toLowerCase() + '_selected' }}"></small>
-    </p>
+    <small data-ng-switch="$ctrl.selectedPaymentType.paymentType.value"
+           data-ng-if="$ctrl.selectedPaymentType"
+           data-translate="{{ 'pci_projects_new_payment_add_' + $ctrl.selectedPaymentType.paymentType.value.toLowerCase() + '_selected' }}"
+           class="d-block mb-3">
+    </small>
 
     <oui-message
         data-type="info"

packages/manager/modules/pci/src/projects/new/payment/creditInfo/creditInfo.html

@@ -7,9 +7,8 @@
         </span>
     </oui-message>
 
-    <p>
-        <small data-translate="pci_projects_new_payment_credit_info_explain"
-               data-translate-values="{ href: $ctrl.paymentMethodUrl }">
-        </small>
-    </p>
+    <small data-translate="pci_projects_new_payment_credit_info_explain"
+           data-translate-values="{ href: $ctrl.paymentMethodUrl }"
+           class="d-block mb-3">
+    </small>
 </div>

packages/manager/modules/pci/src/projects/new/payment/credits/credits.html

@@ -43,11 +43,11 @@
         </div>
     </div>
 
-    <p class="mb-0 font-italic">
-        <small data-translate="pci_projects_new_credits_condition1"></small>
-    </p>
-    <p class="font-italic">
-        <small data-translate="pci_projects_new_credits_condition2"></small>
-    </p>
+    <small class="d-block"
+           data-translate="pci_projects_new_credits_condition1">
+    </small>
+    <small class="d-block mb-3"
+           data-translate="pci_projects_new_credits_condition2">
+    </small>
 
 </form>

packages/manager/modules/pci/src/projects/new/payment/payment.html

@@ -115,9 +115,9 @@
                                 </strong>
                             </div>
                         </div>
-                        <p>
-                            <small data-translate="pci_project_new_payment_valid_voucher_explain"></small>
-                        </p>
+                        <small class="d-block mb-3"
+                               data-translate="pci_project_new_payment_valid_voucher_explain">
+                        </small>
                     </div>
                 </div>
             </div>