Invoice address spacing fixed (#355)

* Invoice address spacing fixed

* added commas

Co-authored-by: Shruti <shruti@saeloun.com>

app/javascript/src/components/Invoices/Generate/CompanyInfo.tsx

@@ -1,8 +1,8 @@
 import React from "react";
 
 const CompanyInfo = ({ companyDetails }) => (
-  <div className="flex justify-between border-b-2 border-miru-gray-400 p-10 h-40">
-    <div className="flex">
+  <div className="flex justify-between border-b-2 border-miru-gray-400 p-10 h-fit">
+    <div className="flex h-30">
       <img src={companyDetails.logo} className="mr-5" />
       <div className="mt-2">
         <p className="font-bold text-3xl text-miru-dark-purple-1000">
@@ -14,8 +14,8 @@ const CompanyInfo = ({ companyDetails }) => (
       </div>
     </div>
 
-    <div className="font-normal text-base text-right text-miru-dark-purple-1000 w-36">
-      <p>{companyDetails.address}</p>
+    <div className="font-normal text-base text-right text-miru-dark-purple-1000 w-1/2">
+      <p className="whitespace-pre"> {companyDetails.address.split(",").join(",\n")} </p>
       <p>{companyDetails.country}</p>
     </div>
   </div>