From cb9dc89ef6499b36a953a162d7008ce332311996 Mon Sep 17 00:00:00 2001
From: Jaroslav Drzik <jaroslav.drzik@gmail.com>
Date: Thu, 2 Feb 2023 11:16:50 +0100
Subject: [PATCH] box border collapse on nested cells

---
 resources/js/Components/RpoRecord2.vue | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/resources/js/Components/RpoRecord2.vue b/resources/js/Components/RpoRecord2.vue
index 5a32020..1911415 100644
--- a/resources/js/Components/RpoRecord2.vue
+++ b/resources/js/Components/RpoRecord2.vue
@@ -94,7 +94,7 @@ function subRpo(val,kz,i) {
     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
   }
   .m-2 {
-    margin: .5rem!important;
+    margin: 0rem!important;
   }
   .mx-2 {
     margin-right: .5rem!important;
@@ -113,10 +113,20 @@ function subRpo(val,kz,i) {
   }
   .key {
     background: lightgray;
+    box-shadow: 
+    2px 0 0 0 #888, 
+    0 2px 0 0 #888, 
+    2px 2px 0 0 #888,   /* Just to fix the corner */
+    2px 0 0 0 #888 inset, 
+    0 2px 0 0 #888 inset;
   }
   .table-main  .row-data {
-      border: 2px solid grey;
-      border-radius: 2px;
+    box-shadow: 
+    2px 0 0 0 #000, 
+    0 2px 0 0 #000, 
+    2px 2px 0 0 #000,   /* Just to fix the corner */
+    2px 0 0 0 #000 inset, 
+    0 2px 0 0 #000 inset;
     }
   </style>
   
\ No newline at end of file