Merge pull request #6 from liam-ng/v3

tweaks on css
liam-ng · Oct 9, 2023 · 9c0688b · 9c0688b
2 parents cff1763 + 0d43691
commit 9c0688b
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 3 deletions.
diff --git a/client/html/css/base.css b/client/html/css/base.css
@@ -628,7 +628,7 @@ header {
   display:block;
   width:100%;
   height:130px;
-  padding:35px 0 25px;
+  padding:15px 0 25px;
   text-align: center;
   font-family: 'Inter', Arial;
   color: var(--text-color);
@@ -679,10 +679,15 @@ header .right a:hover {
   border-color:#4691f6
 }
 header hr {
-  position:absolute;
+  /* position:absolute; */
   right:0;
   bottom:0;
   left:0;
   width:100%;
   height:1px
+}
+
+.instruction {
+  float:left;
+  text-align:left;
 }
diff --git a/client/html/index.html b/client/html/index.html
@@ -23,9 +23,13 @@
       </section>
 
       <h1>Demo Payment</h1> <!-- <img src="company.png" style="width:full;height:45px;"> -->
+      <div class="instruction">
+        Instruction: <br>
+        1. Click on Standard Plan card
+      </div>
       <hr>
     </header>
-    
+
     <div class="grid content">
         <div class="card" id="basic" onclick="createProduct()">
         <span class="icon">

diff --git a/client/html/paypal-form.html b/client/html/paypal-form.html
@@ -11,6 +11,16 @@
         <a href="/" target="_self"><button type="button" name="back">Go back</button></a>
 			</section>
     </header>
+
+    <div class="left">
+      Instruction: <br>
+      1. Click the button to find PayPal test account. <br>
+      2. Click Send button. <br>
+      3. Login to PayPal with given credentials. <br>
+      4. Complete transaction. <br>
+      Note: No need to change any fields. <br> <br>
+    </div>
+
     <div class="testbox">
       <form name="paypal-form" method="post" action="/api/subscriptions">
         <hr/>