set fixed position for NodeView navs

src/components/nodes/NodeViewHeaderProd.vue

@@ -13,7 +13,7 @@
         </div>
       </h4>
 
-      <button-close v-if="mode === 'view'" @click="onClose()" />
+      <button-close v-if="mode === 'view'" @click="onClose()" :style="`--offset: ${offset}px;`" />
     </div>
   </div>
 </template>
@@ -42,6 +42,12 @@ export default {
     }
   },
 
+  data () {
+    return {
+      offset: 0
+    }
+  },
+
   methods: {
     trim,
     toCommaList,
@@ -49,6 +55,12 @@ export default {
     onClose () {
       this.$parent.$emit('close-node', this.node.id)
     }
+  },
+
+  mounted () {
+    const parentContH = this.$el.parentElement.offsetWidth
+    const parentH = this.$el.parentElement.parentElement.offsetWidth
+    this.offset = (parentH - parentContH) * -1
   }
 }
 </script>
@@ -93,5 +105,14 @@ export default {
       }
     }
   }
+
+  .btn-close {
+    position: relative;
+    display: flex;
+    float: right;
+    @include media-breakpoint-up($layout-bp) {
+      right: var(--offset);
+    }
+  }
 }
 </style>