From 2ceb55393d023dee087e9eea2b00a7bb5b32e0e3 Mon Sep 17 00:00:00 2001
From: Elsio Sanchez <45974454+elsiosanchez@users.noreply.github.com>
Date: Mon, 19 Apr 2021 02:50:28 -0400
Subject: [PATCH] adaptable to different types of screens (#758)

---
 src/components/ADempiere/Form/VPOS/Order/index.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/ADempiere/Form/VPOS/Order/index.vue b/src/components/ADempiere/Form/VPOS/Order/index.vue
index 524b236b..a72b3417 100644
--- a/src/components/ADempiere/Form/VPOS/Order/index.vue
+++ b/src/components/ADempiere/Form/VPOS/Order/index.vue
@@ -27,7 +27,7 @@
         :style="isShowedPOSKeyLayout ? 'padding-right: 20px; padding-left: 0px;' : 'padding-right: 0px; padding-left: 0px;'"
       >
         <el-form label-position="top" label-width="10px" @submit.native.prevent="notSubmitForm">
-          <el-row :gutter="24">
+          <el-row :gutter="24" style="display: flex;">
             <el-col :span="14" style="padding-left: 0px; padding-right: 0px;">
               <template
                 v-for="(field) in fieldsList"
@@ -39,7 +39,7 @@
                 />
               </template>
             </el-col>
-            <el-col :span="6" style="padding-left: 2px; padding-right: 2px;">
+            <el-col :span="6" style="padding-left: 0px; padding-right: 0px;">
               <business-partner
                 :parent-metadata="{
                   name: panelMetadata.name,
@@ -50,7 +50,7 @@
                 :is-disabled="isDisabled"
               />
             </el-col>
-            <el-col :span="1" :style="styleTab + 'float: left;'">
+            <el-col :span="2" :style="isShowedPOSKeyLayout ? 'margin-top: 3.4%;padding: 0px;' : 'padding: 0px;margin-top: 2.4%;'">
               <el-tag
                 v-if="!isEmptyValue(getOrder.documentStatus.value)"
                 :type="tagStatus(getOrder.documentStatus.value)"
@@ -60,7 +60,7 @@
                 </span>
               </el-tag>
             </el-col>
-            <el-col :span="2" :style="styleTab + 'float: right;'">
+            <el-col :span="2" :style="isShowedPOSKeyLayout ? 'margin-top: 3.4%;' : 'padding: 0px;margin-top: 2.4%;'">
               <el-button type="primary" plain :disabled="isEmptyValue(this.$route.query.action)" @click="newOrder">
                 {{ $t('form.pos.optionsPoinSales.salesOrder.newOrder') }}
               </el-button>