treedialog: layout

src/components/TheModels.vue

@@ -109,9 +109,9 @@ async function  loadZip(file: File){
         <div class="d-flex justify-content-between align-items-center mb-3">
           <h5 class="card-title d-inline">Models</h5>
           <div class="btn-group">
+            <button class="btn btn-light" @click="serverConfigOpen = true">Settings</button>
             <button class="btn btn-light" @click.prevent="exportProject()">Export</button>
-            <button class="btn btn-light" @click="newProjectOpen = true">New project</button>
-            <button class="btn btn-light" @click="serverConfigOpen = true">Server Config</button>
+            <button class="btn btn-light" @click="newProjectOpen = true">New</button>
           </div>
         </div>
         <p class="card-text">

src/components/TheTreeDialog.vue

@@ -16,10 +16,9 @@ defineProps({
   <v-dialog :open="newDialogOpen" 
     @cancel="newDialogOpen = false" 
     @select-node="(node) => $emit('selectNode', node)">
-    <div class="card treedialog">
-      <div class="card-body" v-if="store.addressSpace">
+      <div class="treedialog" v-if="store.addressSpace">
         <h5 class="card-title">Browse Parent</h5>
-        <p class="card-text">
+        <p></p>
         <ul>
           <TreeItem class="item" 
             v-if="store.rootNode != null"
@@ -30,10 +29,10 @@ defineProps({
              >
           </TreeItem>
         </ul>
-        </p>
-        <button class="btn btn-light" @click="$emit('cancel')">close</button>
+        <div class="btn-group d-flex justify-content-end">
+          <button class="btn btn-light" @click="$emit('cancel')">close</button>
+        </div>
       </div>
-    </div>
   </v-dialog>
 </template>