minor style fix

Author: infinite-system

vue-dd/demo/App.vue

@@ -1,9 +1,13 @@
 <script setup lang="ts">
+import { reactive } from 'vue'
  const w = window
+ const test = reactive({ 'test': 'test' })
 </script>
 <template>
 Test
-  <vue-dd v-model="w" />
+  <vue-dd name="window" v-model="w" />
+  <br />
+  <vue-dd name="test" v-model="test" />
 </template>
 
 

vue-dd/src/css/VueDd.css

@@ -260,9 +260,14 @@ span.vue-dd-expand:active {
   font-style: italic;
   letter-spacing: -0.5px;
   display: inline-block;
-  padding: 0 3px 0 0;
+  padding: 0 3px 0 2px;
+}
+
+.vue-dd-name + .vue-dd-r {
+  padding-left: 2px;
 }
 
+
 .vue-dd-f {
   -webkit-user-select: none;
   user-select: none;