From 2578e8c9d28faf7c860a420eb39f047fefda94ec Mon Sep 17 00:00:00 2001
From: songchenxuan <songchenxuan@easycorp.ltd>
Date: Tue, 25 Jul 2023 09:59:26 +0800
Subject: [PATCH] * Add padding for pivot preview.

---
 module/pivot/css/preview.css    | 6 +++++-
 module/pivot/view/show.html.php | 8 ++++----
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/module/pivot/css/preview.css b/module/pivot/css/preview.css
index 28cbd03b20..de3947b554 100644
--- a/module/pivot/css/preview.css
+++ b/module/pivot/css/preview.css
@@ -20,9 +20,13 @@
 #filterItems .picker .picker-selections {width: auto !important;}
 .content-border {padding-top: 16px; padding-bottom: 16px; border-bottom: 1px solid #F1F5F9;}
 .flex-between {display:flex; justify-content: space-between;}
+.flex-start   {display:flex; justify-content: flex-start;}
 
-.query-after {position: relative; padding-right: 10px;}
+.query-after {position: relative; padding-right: 24px;}
 .query-after::after {content: ""; position: absolute; top: 0; right: 0; bottom: 0; width: 1px; background-color: #F1F5F9;}
 .query-color {color: #3785ff;}
 
 #filterMargin {padding-top: 8px; padding-bottom: 5px;}
+.pivot-design {padding-left: 24px; padding-right: 12px;}
+.pivot-edit {padding-left: 12px; padding-right: 12px;}
+.pivot-delete {padding-left: 12px; padding-right: 8px;}
diff --git a/module/pivot/view/show.html.php b/module/pivot/view/show.html.php
index 3c4d242edf..c84852f73f 100644
--- a/module/pivot/view/show.html.php
+++ b/module/pivot/view/show.html.php
@@ -37,16 +37,16 @@
       <a data-toggle='tooltip' data-placement='auto' title='<?php echo $pivot->desc;?>'><i class='icon-help'></i></a>
       <?php endif;?>
     </div>
-    <div>
+    <div class='flex-start'>
       <?php echo html::a('#', "{$lang->pivot->showOrigin}", '', "id='origin-query' class='query-after query-color btn-query-origin' title='{$lang->pivot->showOrigin}'");?>
       <?php echo html::a('#', "{$lang->pivot->showPivot}",  '', "id='pivot-query'  class='query-after query-color btn-query hidden' title='{$lang->pivot->showPivot}'");?>
 
       <?php
         $clickable = $this->pivot->isClickable($pivot, 'design');
         $params    = helper::safe64Encode("dimensionID=$pivot->dimension&groupID=$pivot->group&pivotID=$pivot->id");
-        if(common::hasPriv('pivot', 'design') and $clickable) echo html::a($this->createLink('pivot', 'design', "id=$pivot->id&from=preview&param=$params"), "<i class='icon icon-design'></i> {$lang->pivot->designAB}", '', "class='query-view' title='{$lang->pivot->designAB}'");
-        if(common::hasPriv('pivot', 'edit') and $clickable) echo html::a($this->createLink('pivot', 'edit', "id=$pivot->id&from=preview&params=$params", '', true), "<i class='icon icon-edit'></i> {$lang->edit}", '', "class='iframe' title='{$lang->edit}' data-width='600'");
-        if(common::hasPriv('pivot', 'delete') and $clickable) echo html::a($this->createLink('pivot', 'delete', "id=$pivot->id&confirm=no&from=preview"), "<i class='icon icon-trash'></i> {$lang->delete}", 'hiddenwin', "title='{$lang->delete}'");
+        if(common::hasPriv('pivot', 'design') and $clickable) echo html::a($this->createLink('pivot', 'design', "id=$pivot->id&from=preview&param=$params"), "<i class='icon icon-design'></i> {$lang->pivot->designAB}", '', "class='pivot-design' title='{$lang->pivot->designAB}'");
+        if(common::hasPriv('pivot', 'edit') and $clickable) echo html::a($this->createLink('pivot', 'edit', "id=$pivot->id&from=preview&params=$params", '', true), "<i class='icon icon-edit'></i> {$lang->edit}", '', "class='iframe pivot-edit' title='{$lang->edit}' data-width='600'");
+        if(common::hasPriv('pivot', 'delete') and $clickable) echo html::a($this->createLink('pivot', 'delete', "id=$pivot->id&confirm=no&from=preview"), "<i class='icon icon-trash'></i> {$lang->delete}", 'hiddenwin', "class='pivot-delete' title='{$lang->delete}'");
       ?>
     </div>
   </div>