use svg background-image for box instead of box-shadow. The left side of the...

use svg background-image for box instead of box-shadow. The left side of the box-shadow was 2-pixels wide, so this should look better

pd/nw/css/default.css

@@ -83,14 +83,15 @@
 
 #new_object_textentry.msg {
     outline: 0px solid transparent;
-    box-shadow: inset 1px 0px 0px 1px #000;
+/*    box-shadow: inset 1px 0px 0px 1px #000; */
+    background-image: url(../msg-box.svg);
 }
 
 p.msg::after {
     content: "";
     height: 100%;
     width: 5px;
-    background-image: url(../msg-box.svg);
+    background-image: url(../msg-box-flag.svg);
     position: absolute;
     top: 0%;
     left: 100%;

pd/nw/msg-box-flag.svg

+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   version="1.0"
+   viewBox="0 0 10 10"
+   preserveAspectRatio="none"
+>
+
+<polyline vector-effect="non-scaling-stroke" fill="none" stroke="black" stroke-width="1" points="0 0 10 0 0 2 0 8 10 10 0 10"></polyline>
+</svg>

pd/nw/msg-box.svg

@@ -8,5 +8,5 @@
    preserveAspectRatio="none"
 >
 
-<polyline vector-effect="non-scaling-stroke" fill="none" stroke="black" stroke-width="1" points="0 0 10 0 0 2 0 8 10 10 0 10"></polyline>
+<polyline vector-effect="non-scaling-stroke" fill="none" stroke="black" stroke-width="1" points="10 0 0 0 0 10 10 10"></polyline>
 </svg>