fix overlap logo with address on surat wakil

resources/views/print/surat_wakil.blade.php

@@ -10,18 +10,20 @@
         });
 </script>
 <style>
-  .grid-container {
-    display: grid;
-    grid: 75px / 33% 33% 33%;
-    padding-top: 10px;
-  }
+.grid-container {
+  display: grid;
+  grid-template-columns: 45% 25% 30%;
+  align-items: start;
+  padding-top: 10px;
+}
+
+ #header_surat1 {
+  font-family: Arial, Helvetica, sans-serif;
+  width: 100%;
+  font-size: 10px;
+  padding-right: 10px;
+}
 
-  #header_surat1 {
-    font-family: Arial, Helvetica, sans-serif;
-    border-collapse: collapse;
-    width: 100%;
-    font-size: 10px;
-  }
 
   #header_surat1 p {
     margin: 2px;
@@ -107,7 +109,7 @@
 
   <div class="grid-container" style="margin-bottom: 10px">
     <div id="header_surat1">
-      <p style="text-wrap:nowrap">KOPERASI PERMODALAN KELANTAN BERHAD (D-5-0228)</p>
+      <p style="word-break: break-word;">KOPERASI PERMODALAN KELANTAN BERHAD (D-5-0228)</p>
       <p>{{ $cawangan_detail['namacaw'] }}</p>
       <p style="text-wrap:nowrap">{{ $cawangan_detail['alamat1'] }}</p>
       <p>{{ $cawangan_detail['alamat2'] }}</p>