From 8a75718539d718b3a26af161de518202514dc368 Mon Sep 17 00:00:00 2001
From: Adam Bem <adam.bem@zoho.eu>
Date: Thu, 29 Jun 2023 14:46:15 +0200
Subject: [PATCH] Adjusted spacing

---
 Frontend/src/App.vue                                    | 2 +-
 Frontend/src/components/xml/XmlInputFieldComponent.vue  | 6 +++---
 Frontend/src/components/xml/XmlOutputFieldComponent.vue | 2 +-
 Frontend/src/views/XPathView.vue                        | 4 ++--
 4 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/Frontend/src/App.vue b/Frontend/src/App.vue
index 31e6146..f61c09b 100644
--- a/Frontend/src/App.vue
+++ b/Frontend/src/App.vue
@@ -8,7 +8,7 @@ import SidebarComponent from '@components/sidebar/SidebarComponent.vue';
 <template>
   <div id="layout" class="flex h-screen bg-gradient-to-r from-white to-sky-200 dark:from-slate-800 dark:to-indigo-950">
     <SidebarComponent />
-    <div class="relative p-6 w-full m-4 bg-blue-50 dark:bg-gray-700 rounded-2xl overflow-hidden shadow-lg">
+    <div class="relative p-4 w-full m-4 bg-blue-50 dark:bg-gray-700 rounded-2xl overflow-hidden shadow-lg">
       <RouterView></RouterView>
     </div>
   </div>
diff --git a/Frontend/src/components/xml/XmlInputFieldComponent.vue b/Frontend/src/components/xml/XmlInputFieldComponent.vue
index 5867645..295b421 100644
--- a/Frontend/src/components/xml/XmlInputFieldComponent.vue
+++ b/Frontend/src/components/xml/XmlInputFieldComponent.vue
@@ -42,10 +42,10 @@ function canBeFormatted() {
 </script>
 
 <template>
-    <div class="flex flex-col w-full h-1/2 lg:h-1/2 flex-none pb-1">
-        <div class="flex place-content-between w-full items-center pb-2">
+    <div class="flex flex-col w-full h-1/2 lg:h-1/2 flex-none pr-4 pb-2">
+        <div class="flex place-content-between w-full items-center">
             <span class="dark:text-white">{{ stylizedName }}</span>
-            <div class="flex space-x-2">
+            <div class="flex space-x-2 pb-2">
                 <InsertTemplateComponent :stylized-name="props.stylizedName" @update:default-data="(data: string) => updateData(data)"></InsertTemplateComponent>
                 <XMLButtonFormatterComponent v-if="canBeFormatted()" :xml="data" @update:result="(data:any) => updateData(data.result)"></XMLButtonFormatterComponent>
                 <button class="tool-button" @click="clear">Clear</button>
diff --git a/Frontend/src/components/xml/XmlOutputFieldComponent.vue b/Frontend/src/components/xml/XmlOutputFieldComponent.vue
index fbe3d84..24321d9 100644
--- a/Frontend/src/components/xml/XmlOutputFieldComponent.vue
+++ b/Frontend/src/components/xml/XmlOutputFieldComponent.vue
@@ -129,7 +129,7 @@ function emitVersionChange() {
 </script>
 
 <template>
-    <div class="flex flex-col flex-none w-full lg:w-1/2 h-1/3 lg:h-full items-center px-2 pt-4 lg:pt-0">
+    <div class="flex flex-col flex-none w-full lg:w-1/2 h-1/3 lg:h-full items-center pb-2">
         <div class="flex place-content-between w-full items-center pb-2">
             <span class="dark:text-white">Result:</span>
             <div class="flex space-x-2">
diff --git a/Frontend/src/views/XPathView.vue b/Frontend/src/views/XPathView.vue
index b622063..59f4c1d 100644
--- a/Frontend/src/views/XPathView.vue
+++ b/Frontend/src/views/XPathView.vue
@@ -17,8 +17,8 @@ function updateVersion(newVersion: string) {
 
 <template>
     <div id="layout" class="flex flex-col lg:flex-row w-full h-full">
-        <div class="flex flex-col lg:flex-row w-full lg:w-7/12 grow overflow-scroll">
-            <div class="flex flex-col w-full lg:w-1/2 h-2/3 lg:h-full flex-none items-center p-2 gap-3">
+        <div class="flex flex-col lg:flex-row w-full lg:w-7/12 grow overflow-hide px-2">
+            <div class="flex flex-col w-full lg:w-1/2 h-2/3 lg:h-full flex-none items-center">
                 <xmlInputFieldComponent stylized-name="XML" :data="xml" @update="(data) => {xml = data}"></xmlInputFieldComponent>
                 <xmlInputFieldComponent stylized-name="XPath" :data="query" @update="(data) => {query = data}"></xmlInputFieldComponent>
             </div>