From 316fea5cfcd482f8e976ee8938eb4f6f5f00c0a0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jo=C5=BEe=20Fortun?= <joze.fortun@gmail.com>
Date: Thu, 23 Feb 2023 13:06:07 +0100
Subject: [PATCH] Adjust card header button styles

---
 client/web/compose/src/components/PageBlocks/Wrap/Card.vue | 3 ++-
 .../web/compose/src/components/PageBlocks/Wrap/Plain.vue   | 7 ++++---
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/client/web/compose/src/components/PageBlocks/Wrap/Card.vue b/client/web/compose/src/components/PageBlocks/Wrap/Card.vue
index 73e7b96d9..a13b0a5d0 100644
--- a/client/web/compose/src/components/PageBlocks/Wrap/Card.vue
+++ b/client/web/compose/src/components/PageBlocks/Wrap/Card.vue
@@ -7,7 +7,7 @@
     >
       <b-card-header
         v-if="showHeader"
-        class="border-0 text-nowrap px-3"
+        class="border-0 text-nowrap pl-3 pr-2 mr-1"
         header-bg-variant="white"
         :header-text-variant="block.style.variants.headerText"
       >
@@ -26,6 +26,7 @@
 
             <b-button-group
               v-if="showOptions"
+              size="sm"
               class="ml-auto"
             >
               <b-button
diff --git a/client/web/compose/src/components/PageBlocks/Wrap/Plain.vue b/client/web/compose/src/components/PageBlocks/Wrap/Plain.vue
index dbdaf5a70..bbe8354ac 100644
--- a/client/web/compose/src/components/PageBlocks/Wrap/Plain.vue
+++ b/client/web/compose/src/components/PageBlocks/Wrap/Plain.vue
@@ -6,7 +6,7 @@
     >
       <div
         v-if="showHeader"
-        :class="`card-header bg-transparent border-0 text-nowrap px-3 text-${block.style.variants.headerText}`"
+        :class="`card-header bg-transparent border-0 text-nowrap pl-3 pr-2 mr-1 text-${block.style.variants.headerText}`"
       >
         <div
           v-if="!headerSet"
@@ -24,13 +24,14 @@
 
             <b-button-group
               v-if="showOptions"
+              size="sm"
               class="ml-auto"
             >
               <b-button
                 v-if="block.options.showRefresh"
                 :title="$t('general.label.refresh')"
                 variant="outline-light"
-                class="d-print-none border-0"
+                class="d-print-none border-0 text-primary"
                 @click="$emit('refreshBlock')"
               >
                 <font-awesome-icon :icon="['fa', 'sync']" />
@@ -40,7 +41,7 @@
                 v-if="block.options.magnifyOption"
                 :title="$t('general.label.magnify')"
                 variant="outline-light"
-                class="d-print-none border-0"
+                class="d-print-none border-0 text-primary"
                 @click="$root.$emit('magnify-page-block', isBlockOpened ? undefined : { blockID: block.blockID })"
               >
                 <font-awesome-icon :icon="['fas', isBlockOpened ? 'times' : 'search-plus']" />