layout, typos

src/components/TheAddressspace.vue

@@ -12,28 +12,23 @@ function selectNode(node: UABaseNode) {
 
 <template>
   <div class="card">
-  <div class="card-body" v-if="store.addressSpace">
-    <h5 class="card-title">Addressspace</h5>
-    <p class="card-text">
+    <div class="card-body" v-if="store.addressSpace">
+      <h5 class="card-title">Addressspace</h5>
+      <p class="card-text">
       <ul>
         <TheContextMenu>
-          <TreeItem class="item" 
-            v-if="store.rootNode!=null" 
-            :model="store.rootNode" 
-            @select-node="(node) => selectNode(node)" 
-            :filter-func="(node:UABaseNode) => {return false}">
+          <TreeItem class="item" v-if="store.rootNode != null" :model="store.rootNode"
+            @select-node="(node) => selectNode(node)" :filter-func="(node: UABaseNode) => { return false }">
           </TreeItem>
         </TheContextMenu>
       </ul>
-    </p>
+      </p>
+    </div>
   </div>
-</div>
-
 </template>
 
-
 <style scoped>
   #ul {
     margin-left: 10px;
   }
-</style>@/store
+</style>

src/components/TheContextMenu.vue

@@ -63,4 +63,4 @@ onUnmounted(() => {
             <button @click="newInstance">new instance</button>
         </div>
     </div>
-</template>@/store
+</template>

src/components/TheMappingEditor.vue

@@ -89,4 +89,4 @@ defineExpose({ okPressed })
   </VCollaps>
 </template>
 
-<style scoped></style>@/store
+<style scoped></style>

src/components/TheModels.vue

@@ -128,15 +128,13 @@ async function  loadZip(file: File){
           </div>
         </ul>
         </p>
-
       </div>
-
     </div>
-
   </div>
 
   <v-dialog :open="newDialogOpen" @cancel="newDialogOpen = false">
-    <p>New project</p>
+    <h5>New project</h5>
+    <p></p>
     <div class="form-check">
       <input class="form-check-input" type="radio" name="projectType" id="empty" value="empty" v-model="projectType">
       <label class="form-check-label" for="empty">Empty Namespace</label>
@@ -154,14 +152,15 @@ async function  loadZip(file: File){
       <input class="form-check-input" type="radio" name="projectType" id="emco" value="emco" v-model="projectType">
       <label class="form-check-label" for="emco">Full EMCO Project</label>
     </div>
-    <button @click="newProject()" :disabled="newDialogDisabled">OK</button>
-    <button @click="newDialogOpen = false" :disabled="newDialogDisabled">Cancel</button>
+    <div class="btn-group d-flex justify-content-end">
+      <button class="btn btn-light" @click="newDialogOpen = false" :disabled="newDialogDisabled">Cancel</button>
+      <button class="btn btn-light" @click="newProject()" :disabled="newDialogDisabled">OK</button>
+    </div>
   </v-dialog>
 
-
-
   <v-dialog :open="newServerConfigOpen" @cancel="newServerConfigOpen = false">
-    <p>Server Configuration</p>
+    <h5>Server Configuration</h5>
+    <p></p>
     <div v-if="serverConfig">
         <div class="input-group mb-3">
           <div class="input-group-prepend">
@@ -214,14 +213,15 @@ async function  loadZip(file: File){
         <div class="input-group mb-3">
           <div class="input-group-prepend">
             <input type="checkbox" id="checkbox" v-model="serverConfig.configData.allowAnonymous" />
-            <label for="checkbox"> Allow Anonymous</label>
+            <label for="checkbox">Allow Anonymous</label>
           </div>
         </div>
-       
       </div>
-    <button @click="newServerConfigOpen = false" :disabled="newDialogDisabled">Close</button>
+      <div class="btn-group d-flex justify-content-end">
+        <button class="btn btn-light" @click="newServerConfigOpen = false" :disabled="newDialogDisabled">OK</button>
+      </div>
   </v-dialog>
 </template>
 
 
-<style></style>@/util/ServerConfig@/store
+<style></style>

src/components/TheNodeEditor.vue

@@ -58,4 +58,4 @@ defineExpose({ okPressed })
 
 <style scoped>
 
-</style>@/store
+</style>

src/components/TheParent.vue

@@ -78,4 +78,4 @@ function getRefTypes():UABaseNode[] {
 </template>
 
 
-<style scoped></style>@/store
+<style scoped></style>

src/components/TheTreeDialog.vue

@@ -42,4 +42,4 @@ defineProps({
   width: 30em;
   height: 40em;
 }
-</style>@/store
+</style>

src/components/VCollaps.vue

@@ -55,8 +55,4 @@ function toggle () {
 .is-active  {
     transform: rotate(0deg);
 }
-
-
-
-
 </style>

src/components/VDialog.vue

@@ -18,7 +18,6 @@ const props = defineProps({
 
 const attrs = useAttrs();
 
-
 function showHideDialog() {
     if (!dialog?.value) return;
     if (props.open) dialog.value.showModal();