Sep 02: [FIX] Bug Fixed 'website_customer_note'

website_customer_note/__manifest__.py

@@ -39,7 +39,7 @@
             'website_customer_note/static/js/pay_now_button.js'
         ],
     },
-    'images': ['static/description/assets/banner.png'],
+    'images': ['static/description/banner.png'],
     'license': 'AGPL-3',
     'installable': True,
     'auto_install': False,

website_customer_note/static/description/index.html

@@ -1,6 +1,7 @@
 <div style="background-color: #714B67; min-height: 600px; width: 100%; padding: 15px; position: relative;">
     <!-- TITLE BAR -->
-    <div style="border-bottom: 1px solid #875A7B; padding: 15px; display: flex; justify-content: space-between; align-items: center;">
+    <div class="d-flex align-items-center justify-content-between"
+         style="border-bottom: 1px solid #875A7B; padding: 15px; display: flex; justify-content: space-between; align-items: center;">
         <img src="assets/misc/cybrosys-logo.png" width="42" height="42"
              style="width: 42px; height: 42px;"/>
         <div>
@@ -16,16 +17,22 @@
     </div>
     <!-- END OF TITLE BAR -->
     <!-- APP HERO -->
-    <h1 style="color: #FFFFFF; font-weight: bolder; font-size: 50px; text-align: center; margin-top: 50px;">
+    <div class="container">
-        Add Customer Note In Website Payment Screen</h1>
+        <div class="row">
-    <p style="color:#FFFFFF; padding: 8px 15px; text-align: center; font-size: 24px;">
+            <div class="col-sm-12 col-md-12 col-lg-12">
-        This App Allows User To Add Customer Note In
+                <h1 style="color: #FFFFFF; font-weight: bolder; font-size: 50px; text-align: center; margin-top: 50px;">
-        Website Payment Screen And It Will Display
+                    Add Customer Note In Website Payment Screen</h1>
-        On Corresponding Sale Order Form.
+                <p style="color:#FFFFFF; padding: 8px 15px; text-align: center; font-size: 24px;">
-    </p>
+                    This App Allows User To Add Customer Note In
-    <!-- END OF APP HERO -->
+                    Website Payment Screen And It Will Display
-    <img src="assets/screenshots/v16-hero.gif"
+                    On Corresponding Sale Order Form.
-         style="width: 75%; height: auto; position: absolute; margin-left: auto; margin-right: auto; top: 45%; left: 12%; right: auto;"/>
+                </p>
+                <!-- END OF APP HERO -->
+                <img src="assets/screenshots/v16-hero.gif"
+                     style="width: 75%; height: auto; position: absolute; margin-left: auto; margin-right: auto; top: 45%; left: 12%; right: auto;"/>
+            </div>
+        </div>
+    </div>
 </div>
 <!-- NAVIGATION SECTION -->
 <div class="d-flex align-items-center"
@@ -102,7 +109,8 @@
 <div class="row"
      style="font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 14px; line-height: 200%;">
     <div class="col-sm-12 py-4">
-        Users Can Add Customer Note If Needed To Display Along With The Sale Order
+        Users Can Add Customer Note If Needed To Display Along With The Sale
+        Order
     </div>
 </div>
 
@@ -130,7 +138,8 @@
                 </span>
         </div>
     </div>
-    <div class="d-flex align-items-center" style="margin-top: 30px; margin-bottom: 30px">
+    <div class="d-flex align-items-center"
+         style="margin-top: 30px; margin-bottom: 30px">
         <img src="assets/misc/check-box.png" class="mr-2"/>
         <span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">
                 The Added Note Will Display In The Corresponding Sale Order Form
@@ -155,7 +164,8 @@
     <div class="col-sm-12">
         <div style="display: block; margin: 30px auto;">
             <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">
-                We can now see a new field for Customer Notes on the Sale Order form after successfully installing the
+                We can now see a new field for Customer Notes on the Sale Order
+                form after successfully installing the
                 module.
             </h3>
             <img src="assets/screenshots/Page_1.png"
@@ -163,17 +173,20 @@
         </div>
         <div style="display: block; margin: 30px auto;">
             <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">
-                Additionally, there is a Text Area for adding Customer Notes on the Website Payment Screen. </h3>
+                Additionally, there is a Text Area for adding Customer Notes on
+                the Website Payment Screen. </h3>
             <img src="assets/screenshots/Page_2.png" class="img-thumbnail">
         </div>
         <div style="display: block; margin: 30px auto;">
             <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">
-                On this Payment Screen, users have the option to add a Customer Note.</h3>
+                On this Payment Screen, users have the option to add a Customer
+                Note.</h3>
             <img src="assets/screenshots/Page_3.png" class="img-thumbnail">
         </div>
         <div style="display: block; margin: 30px auto;">
             <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">
-                The Customer Note will be displayed in the 'Customer Note' field of the corresponding Sale Order form.
+                The Customer Note will be displayed in the 'Customer Note' field
+                of the corresponding Sale Order form.
             </h3>
             <img src="assets/screenshots/Page_4.png" class="img-thumbnail">
         </div>