improve child node looks

Juraci · Jul 24, 2024 · 58a6fb8 · 58a6fb8
1 parent 7b98a5b
commit 58a6fb8
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/src/components/ChildNode.vue b/src/components/ChildNode.vue
@@ -95,7 +95,7 @@ const hideContentPreview = (event) => {
         @keydown.esc="editing = false"
       />
     </span>
-    <Chip v-else>
+    <Chip class="child-node" v-else>
       <Checkbox v-model="node.resolved" :binary="true" />
       <div data-test-child-node-title class="chip-title">
         {{ nodeTitle || 'add a title' }}
@@ -155,6 +155,10 @@ const hideContentPreview = (event) => {
 </template>
 
 <style>
+.p-chip.child-node {
+  padding: 0rem 0rem 0rem 0.5rem;
+  border-radius: 2rem;
+}
 .chip-title {
   margin: 0rem 1rem 0rem 1rem;
 }