asset editor decoration after regex match

Author: fredsa

css/ui.css

@@ -533,6 +533,7 @@ div.asset_block.asset_highlight {
 .asset-header-badge {
   display: inline-block;
   padding: 1px 6px;
+  margin: 0 4px;
   border-radius: 4px;
   background: rgba(153, 204, 153, 0.15);
   color: #99cc99;

src/ide/views/assetdecorations.ts

@@ -33,12 +33,12 @@ function buildAssetHeaderDecorations(view: EditorView, handleClick: (span: HTMLE
       assetHeaderRegex.lastIndex = 0;
       const m = assetHeaderRegex.exec(line);
       if (m) {
-        const lineEnd = lineStart + line.length;
+        const matchEnd = lineStart + m.index + m[0].length;
         widgets.push(
           Decoration.widget({
             widget: new AssetHeaderWidget(m[0], handleClick),
-            side: 1,
-          }).range(lineEnd)
+            side: -1,
+          }).range(matchEnd)
         );
       }
       lineStart += line.length + 1;