ok

src/pages/Invoice.module.css

@@ -3,7 +3,7 @@
   background-color: white;
   display: flex;
   flex-direction: column;
-  justify-content: center;
+  justify-content: flex-start;
   font-size: calc(10px + 2vmin);
   color: rgba(88, 55, 50, 1);
   background-color: #e9e9e9;
@@ -13,11 +13,11 @@
   font-family: "Poppins", sans-serif;
   font-weight: 500;
   font-style: normal;
-  font-size: 32px;
+  font-size: 6vw;
   color: rgba(88, 55, 50, 1);
   text-align: left;
   margin-left: 20px;
-  margin-top: 17px;
+  margin-top: 7px;
 }
 
 .Invoice-detail {
@@ -58,7 +58,7 @@
   color: rgba(88, 55, 50, 1);
 
   position: relative;
-  height: 229.39px;
+  height: 180px;
 }
 
 .TotalContainer {
@@ -69,8 +69,9 @@
   font-family: "Poppins", sans-serif;
   font-weight: 600;
   font-style: normal;
-  font-size: 1.5em;
+  font-size: 1.3em;
   padding: 10px 0;
+  padding-top: 20px;
   margin-bottom: 17px;
 }
 
@@ -78,10 +79,10 @@
   font-family: "Poppins", sans-serif;
   font-weight: 500;
   font-style: normal;
-  font-size: 32px;
+  font-size: 20px;
 
   width: 80vw;
-  height: 18vw;
+  height: 40px;
   border-radius: 50px;
   background-color: rgba(88, 55, 50, 1);
   color: white;
@@ -91,6 +92,13 @@
   margin-bottom: 23px;
 }
 
+.PayButton div{
+  display: flex;
+  justify-content: space-between;
+  padding-left: 20px;
+  padding-right: 20px;
+}
+
 .Pay2Button {
   text-align: center;
   color: rgba(88, 55, 50, 1);
@@ -117,6 +125,7 @@
   padding-top: 5px;
   margin: 26px;
   background-color: #f9f9f9;
+  margin-bottom: -20px;
 }
 
 .EmailContainer {
@@ -155,6 +164,7 @@
   font-size: 1em;
   padding: 10px 0;
   margin-bottom: 7px;
+  font-weight: 600;
 }
 
 .NoteInput {
@@ -165,7 +175,6 @@
   padding: 10px;
   font-size: 1.2em;
   border: 1px solid rgba(88, 55, 50, 0.5);
-  margin-bottom: 27px;
   resize: none; /* Prevent resizing */
   overflow-wrap: break-word; /* Ensure text wraps */
 }