From 061aa26b5d63006fcc5e3abfe1a575abbcaeba4a Mon Sep 17 00:00:00 2001
From: songchenxuan <songchenxuan@easycorp.ltd>
Date: Tue, 25 Jul 2023 10:15:04 +0800
Subject: [PATCH] * Add btn-link for button.

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

diff --git a/module/pivot/css/preview.css b/module/pivot/css/preview.css
index de3947b554..84bcda58c7 100644
--- a/module/pivot/css/preview.css
+++ b/module/pivot/css/preview.css
@@ -21,12 +21,13 @@
 .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;}
+.flex-center  {align-items: center;}
 
 .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;}
+.pivot-design {margin-left: 18px; margin-right: 6px;}
+.pivot-edit {margin-left: 6px; margin-right: 6px;}
+.pivot-delete {margin-left: 6px; margin-right: 2px;}
diff --git a/module/pivot/view/show.html.php b/module/pivot/view/show.html.php
index c84852f73f..ff1aca27db 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 class='flex-start'>
+    <div class='flex-start flex-center'>
       <?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='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}'");
+        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 btn btn-link' 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 btn btn-link' 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 btn btn-link' title='{$lang->delete}'");
       ?>
     </div>
   </div>