change viewer with rounded corner

diff --git a/src/xmlviewer/viewer.html b/src/xmlviewer/viewer.html
index 49db0eee5cc4ec3192f722f2637b0214dc559c21..66db4e88a037ef78cf669d9a5ce7f279356c859e 100644 (file)
--- a/src/xmlviewer/viewer.html
+++ b/src/xmlviewer/viewer.html
@@ -13,13 +13,26 @@
                                padding: 1rem 0;
                        }
                        table {
-                               border-collapse: collapse;
+                               border-radius: 1rem;
+                               border-collapse: separate;
+                               border-spacing: 0;
                        }
                        td, th {
-                               border: 1px solid gray;
-                               border-radius: 1rem;
                                padding: 0.25rem 0.5rem;
                                text-align: left;
+                               border: 1px solid gray;
+                       }
+                       th:first-child {
+                               border-top-left-radius: 1rem;
+                       }
+                       th:last-child {
+                               border-top-right-radius: 1rem;
+                       }
+                       tr:last-child td:first-child {
+                               border-bottom-left-radius: 1rem;;
+                       }
+                       tr:last-child td:last-child {
+                               border-bottom-right-radius: 1rem;;
                        }
                        .red {
                                background-color: #e9967a;