From 66b22b19fe0310693c5edac97f9293d2cabcbf12 Mon Sep 17 00:00:00 2001
From: Ricardo Fenomeno <78000356+Ricargame@users.noreply.github.com>
Date: Fri, 26 Jul 2024 15:14:06 -0400
Subject: [PATCH] Fix: Aling criteria (#2509)

* Fix: Aling Criteria

* Fix: Aling Criteria
---
 src/views/ADempiere/ReportViewerEngine/reportPanel.vue    | 8 +++++---
 .../ADempiere/ReportViewerEngine/searchCriteria/index.vue | 8 ++++----
 .../searchCriteria/printFormatReport.vue                  | 6 +++---
 .../ReportViewerEngine/searchCriteria/refreshButton.vue   | 2 +-
 .../ReportViewerEngine/searchCriteria/reportSumary.vue    | 2 +-
 5 files changed, 14 insertions(+), 12 deletions(-)

diff --git a/src/views/ADempiere/ReportViewerEngine/reportPanel.vue b/src/views/ADempiere/ReportViewerEngine/reportPanel.vue
index b349d6ceac..9b82bf8987 100644
--- a/src/views/ADempiere/ReportViewerEngine/reportPanel.vue
+++ b/src/views/ADempiere/ReportViewerEngine/reportPanel.vue
@@ -17,7 +17,7 @@
 -->
 <template>
   <div>
-    <el-card>
+    <el-card class="containerReportEnginer">
       <reportSearchCriteria
         :container-uuid="reportOutput.containerUuid"
         :report-output="reportOutput"
@@ -44,7 +44,7 @@
         :row-class-name="tableRowClassName"
         :default-expand-all="false"
         :tree-props="{ children: 'children' }"
-        height="calc(100vh - 265px)"
+        height="calc(100vh - 275px)"
         border
         :cell-style="{ padding: '0', height: '30px', border: 'none' }"
         :cell-class-name="getRowClassName"
@@ -420,9 +420,11 @@ export default defineComponent({
       text-align: right;
     }
   }
-
 </style>
 <style>
+.containerReportEnginer .el-card__body {
+  padding: 20px !important
+}
 :root {
   --level-offset: 20px;
 }
diff --git a/src/views/ADempiere/ReportViewerEngine/searchCriteria/index.vue b/src/views/ADempiere/ReportViewerEngine/searchCriteria/index.vue
index bdb62a7a5f..00092aafaf 100644
--- a/src/views/ADempiere/ReportViewerEngine/searchCriteria/index.vue
+++ b/src/views/ADempiere/ReportViewerEngine/searchCriteria/index.vue
@@ -74,11 +74,11 @@ export default defineComponent({
 })
 </script>
 
-<style>
+<style scoped>
 .containerReport {
-  display: flex;
-  align-items: center;
-  margin-bottom: 20px;
+  display: flex !important;
+  align-items: center !important;
+  margin-bottom: 1% !important;
 }
 @media screen and (max-width:1150px) {
   .containerReport, .custom-button {
diff --git a/src/views/ADempiere/ReportViewerEngine/searchCriteria/printFormatReport.vue b/src/views/ADempiere/ReportViewerEngine/searchCriteria/printFormatReport.vue
index a97694d918..121b881f69 100644
--- a/src/views/ADempiere/ReportViewerEngine/searchCriteria/printFormatReport.vue
+++ b/src/views/ADempiere/ReportViewerEngine/searchCriteria/printFormatReport.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="container">
+  <div class="PrimtFormatcontainer">
     <label for="report-format-select" class="select-label">{{ $t('report.reportEnginer.printFormat') }}</label>
     <el-select
       id="report-format-select"
@@ -162,7 +162,7 @@ export default defineComponent({
 })
 </script>
 <style>
-.container {
+.PrimtFormatcontainer {
   display: flex;
   flex-direction: column;
   gap: 20px;
@@ -170,7 +170,7 @@ export default defineComponent({
 }
 
 @media screen and (min-width: 800px) {
-  .container {
+  .PrimtFormatcontainer {
     flex-direction: row;
     justify-content: space-between;
     align-items: center;
diff --git a/src/views/ADempiere/ReportViewerEngine/searchCriteria/refreshButton.vue b/src/views/ADempiere/ReportViewerEngine/searchCriteria/refreshButton.vue
index b6f20acda7..5b1f19a4cf 100644
--- a/src/views/ADempiere/ReportViewerEngine/searchCriteria/refreshButton.vue
+++ b/src/views/ADempiere/ReportViewerEngine/searchCriteria/refreshButton.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="select-container" style="margin-left: -10px; display: flex; align-items: center;">
+  <div style="margin-left: -10px; display: flex; align-items: center;">
     <el-button
       :loading="isLoading"
       type="success"
diff --git a/src/views/ADempiere/ReportViewerEngine/searchCriteria/reportSumary.vue b/src/views/ADempiere/ReportViewerEngine/searchCriteria/reportSumary.vue
index 4aea8fb0b4..3bc40d4a6e 100644
--- a/src/views/ADempiere/ReportViewerEngine/searchCriteria/reportSumary.vue
+++ b/src/views/ADempiere/ReportViewerEngine/searchCriteria/reportSumary.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="select-container" style="margin-top: 10px; margin-left: 0px; display: flex; align-items: center;">
+  <div style="margin-left: 0px; display: flex; align-items: center;">
     <label for="report-format-switch" class="select-label" style="margin-right: 15px;">{{ $t('report.reportEnginer.summary') }}</label>
     <el-switch
       id="report-format-switch"