increase struct width

components/OperonStructure.vue

@@ -42,7 +42,7 @@ const domain = computed(() => {
     return genes?.map(d => { return d.gene })
 })
 const maxOperonSize = toRef(props, "maxOperonSize")
-
+const structureWidthPerGene = ref<number>(120)
 const operonLength = computed(() => {
     // return props.maxOperonSize || 0
     const genes = toValue(computedGenes)
@@ -58,13 +58,6 @@ const innerPadding = computed(() => {
     return totalGeneLengthVal * innerPadding
 })
 
-const innerPaddingpPerGene = computed(() => {
-    const genes = toValue(computedGenes)
-    const innerPaddingVal = toValue(innerPadding)
-    return genes.length === 1 ? innerPaddingVal / 2 : innerPaddingVal / genes.length
-})
-
-
 const totalGeneLengthWithPadding = computed(() => {
     const totalGeneLengthVal = toValue(operonLength)
     // const totalGeneLengthVal = props.maxOperonSize || 0
@@ -97,7 +90,7 @@ const domainGenes = computed(() => {
 
 const structureRange = computed(() => {
     const genes = toValue(computedGenes)
-    const minStructureWidth = genes.length * 100
+    const minStructureWidth = genes.length * structureWidthPerGene.value
     let maxRange = 0
     let minRange = 0
     // get genes width