pr tweaks

archesproject · Dec 10, 2024 · dbde99c · dbde99c
1 parent 886d584
commit dbde99c
Showing 1 changed file with 58 additions and 63 deletions.
diff --git a/arches_lingo/src/arches_lingo/components/scheme/editor/SchemeEditor.vue b/arches_lingo/src/arches_lingo/components/scheme/editor/SchemeEditor.vue
@@ -62,75 +62,70 @@ async function updateScheme() {
 </script>
 
 <template>
-    <div>
-        <div class="header">
+    <div class="header">
+        <div>
+            <h3>{{ $gettext("Editor Tools") }}</h3>
             <div>
-                <h3>{{ $gettext("Editor Tools") }}</h3>
-                <div>
-                    <Button
-                        :aria-label="$gettext('toggle editor size')"
-                        @click="toggleSize"
-                    >
-                        <i
-                            :class="{
-                                pi: true,
-                                'pi-window-maximize': props.editorMax,
-                                'pi-window-minimize': !props.editorMax,
-                            }"
-                            aria-hidden="true"
-                        />
-                    </Button>
-                    <Button
-                        :aria-label="$gettext('close editor')"
-                        @click="$emit('close')"
-                    >
-                        <i
-                            class="pi pi-times"
-                            aria-hidden="true"
-                        />
-                    </Button>
-                </div>
+                <Button
+                    :aria-label="$gettext('toggle editor size')"
+                    @click="toggleSize"
+                >
+                    <i
+                        :class="{
+                            pi: true,
+                            'pi-window-maximize': props.editorMax,
+                            'pi-window-minimize': !props.editorMax,
+                        }"
+                        aria-hidden="true"
+                    />
+                </Button>
+                <Button
+                    :aria-label="$gettext('close editor')"
+                    @click="$emit('close')"
+                >
+                    <i
+                        class="pi pi-times"
+                        aria-hidden="true"
+                    />
+                </Button>
             </div>
         </div>
-        <div class="content">
-            <Tabs :value="activeTab">
-                <TabList>
-                    <template
-                        v-for="component in schemeComponents"
-                        :key="component.id"
-                    >
-                        <Tab :value="component.id">{{
-                            component.editorTabName
-                        }}</Tab>
-                    </template>
-                </TabList>
-                <TabPanels>
-                    <template
-                        v-for="(component, index) in schemeComponents"
-                        :key="component.id"
-                    >
-                        <TabPanel :value="component.id">
-                            <component
-                                :is="component.component"
-                                v-bind="{ mode: EDIT }"
-                                :ref="(el) => getRef(el, index)"
-                                v-on="{ updated: onUpdated }"
-                            />
-                        </TabPanel>
-                    </template>
-                </TabPanels>
-            </Tabs>
-            <Button
-                :label="$gettext('Update')"
-                @click="updateScheme"
-            ></Button>
-        </div>
+    </div>
+    <div class="content">
+        <Tabs :value="activeTab">
+            <TabList>
+                <template
+                    v-for="component in schemeComponents"
+                    :key="component.id"
+                >
+                    <Tab :value="component.id">{{
+                        component.editorTabName
+                    }}</Tab>
+                </template>
+            </TabList>
+            <TabPanels>
+                <template
+                    v-for="(component, index) in schemeComponents"
+                    :key="component.id"
+                >
+                    <TabPanel :value="component.id">
+                        <component
+                            :is="component.component"
+                            v-bind="{ mode: EDIT }"
+                            :ref="(el) => getRef(el, index)"
+                            v-on="{ updated: onUpdated }"
+                        />
+                    </TabPanel>
+                </template>
+            </TabPanels>
+        </Tabs>
+        <Button
+            :label="$gettext('Update')"
+            @click="updateScheme"
+        ></Button>
     </div>
 </template>
 <style scoped>
-.header {
-    background-color: var(--p-surface-200);
-}
 .header div {
     margin: 0 1rem;
     display: flex;