From b0a75c1326b681bcd87b2ca37e4ecc6fbea58472 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jo=C5=BEe=20Fortun?= <joze.fortun@gmail.com>
Date: Mon, 6 Nov 2023 16:51:07 +0100
Subject: [PATCH] Adjust reporter styles

---
 client/web/admin/src/components/Apigw/CFiltersTable.vue   | 2 +-
 .../src/components/Connection/CConnectionPrimary.vue      | 2 +-
 .../Settings/System/CSystemEditorAuthBgScreen.vue         | 2 +-
 client/web/admin/src/views/Automation/Session/List.vue    | 2 +-
 client/web/compose/src/components/Common/Grid.vue         | 6 ++++++
 client/web/reporter/src/components/Report/Grid.vue        | 8 --------
 client/web/reporter/src/views/Report/Builder.vue          | 4 ++--
 client/web/reporter/src/views/Report/View.vue             | 2 +-
 lib/vue/src/components/navigation/CTopbar.vue             | 1 +
 9 files changed, 14 insertions(+), 15 deletions(-)

diff --git a/client/web/admin/src/components/Apigw/CFiltersTable.vue b/client/web/admin/src/components/Apigw/CFiltersTable.vue
index 072afc0ecd..7e0a1da873 100644
--- a/client/web/admin/src/components/Apigw/CFiltersTable.vue
+++ b/client/web/admin/src/components/Apigw/CFiltersTable.vue
@@ -45,7 +45,7 @@
               @click.stop="onRowClick(filter, index)"
             >
               <font-awesome-icon
-                :icon="['fas', 'pen']"
+                :icon="['far', 'edit']"
               />
             </b-button>
             <c-input-confirm
diff --git a/client/web/admin/src/components/Connection/CConnectionPrimary.vue b/client/web/admin/src/components/Connection/CConnectionPrimary.vue
index f0e3414411..a3c48c4a2c 100644
--- a/client/web/admin/src/components/Connection/CConnectionPrimary.vue
+++ b/client/web/admin/src/components/Connection/CConnectionPrimary.vue
@@ -18,7 +18,7 @@
           :to="{ name: 'system.connection.edit', params: { connectionID: (connection || {}).connectionID } }"
         >
           <font-awesome-icon
-            :icon="['fas', 'pen']"
+            :icon="['far', 'edit']"
           />
         </b-button>
       </h3>
diff --git a/client/web/admin/src/components/Settings/System/CSystemEditorAuthBgScreen.vue b/client/web/admin/src/components/Settings/System/CSystemEditorAuthBgScreen.vue
index 2278a9240a..537f95df5f 100644
--- a/client/web/admin/src/components/Settings/System/CSystemEditorAuthBgScreen.vue
+++ b/client/web/admin/src/components/Settings/System/CSystemEditorAuthBgScreen.vue
@@ -46,7 +46,7 @@
         lg="6"
       >
         <b-form-group
-          label-class="text-primary"
+          label-class="d-flex align-items-center text-primary"
         >
           <template #label>
             {{ $t("image.editor.label") }}
diff --git a/client/web/admin/src/views/Automation/Session/List.vue b/client/web/admin/src/views/Automation/Session/List.vue
index b7c663af06..207e7f3521 100644
--- a/client/web/admin/src/views/Automation/Session/List.vue
+++ b/client/web/admin/src/views/Automation/Session/List.vue
@@ -98,7 +98,7 @@
           :to="{ name: editRoute, params: { [primaryKey]: item[primaryKey] } }"
         >
           <font-awesome-icon
-            :icon="['fas', 'pen']"
+            :icon="['far', 'edit']"
           />
         </b-button>
       </template>
diff --git a/client/web/compose/src/components/Common/Grid.vue b/client/web/compose/src/components/Common/Grid.vue
index 9f49607411..7735e92bf5 100644
--- a/client/web/compose/src/components/Common/Grid.vue
+++ b/client/web/compose/src/components/Common/Grid.vue
@@ -166,3 +166,9 @@ export default {
   },
 }
 </script>
+
+<style lang="scss">
+.vue-grid-item.vue-grid-placeholder {
+  background: var(--primary) !important;
+}
+</style>
diff --git a/client/web/reporter/src/components/Report/Grid.vue b/client/web/reporter/src/components/Report/Grid.vue
index 1ffb230cc0..d37ddf24a1 100644
--- a/client/web/reporter/src/components/Report/Grid.vue
+++ b/client/web/reporter/src/components/Report/Grid.vue
@@ -122,11 +122,3 @@ export default {
   background: var(--primary) !important;
 }
 </style>
-
-<style lang="scss" scoped>
-.editable-grid-item {
-  touch-action: none;
-  background-image: linear-gradient(45deg, var(--gray-200) 25%, var(--white) 25%, var(--white) 50%, var(--gray-200) 50%, var(--gray-200) 75%, var(--white) 75%, var(--white) 100%);
-  background-size: 28.28px 28.28px;
-}
-</style>
diff --git a/client/web/reporter/src/views/Report/Builder.vue b/client/web/reporter/src/views/Report/Builder.vue
index 0dc078f193..80e27f59b6 100644
--- a/client/web/reporter/src/views/Report/Builder.vue
+++ b/client/web/reporter/src/views/Report/Builder.vue
@@ -76,7 +76,7 @@
           :to="reportEditor"
         >
           <font-awesome-icon
-            :icon="['fas', 'pen']"
+            :icon="['far', 'edit']"
           />
         </b-button>
       </b-button-group>
@@ -526,7 +526,7 @@ export default {
 
     pageTitle () {
       const title = this.report ? (this.report.meta.name || this.report.handle) : ''
-      return `${this.$t('builder:report.builder')} - '${title}'` || this.$t('builder:report.builder')
+      return `${this.$t('builder:report.builder')} - "${title}"` || this.$t('builder:report.builder')
     },
 
     canRead () {
diff --git a/client/web/reporter/src/views/Report/View.vue b/client/web/reporter/src/views/Report/View.vue
index 3f426686e7..50e7394b3c 100644
--- a/client/web/reporter/src/views/Report/View.vue
+++ b/client/web/reporter/src/views/Report/View.vue
@@ -46,7 +46,7 @@
           :to="reportEditor"
         >
           <font-awesome-icon
-            :icon="['fas', 'pen']"
+            :icon="['far', 'edit']"
           />
         </b-button>
       </b-button-group>
diff --git a/lib/vue/src/components/navigation/CTopbar.vue b/lib/vue/src/components/navigation/CTopbar.vue
index 240a49412f..786c16a97d 100644
--- a/lib/vue/src/components/navigation/CTopbar.vue
+++ b/lib/vue/src/components/navigation/CTopbar.vue
@@ -342,6 +342,7 @@ $nav-user-icon-size: 50px;
   .vue-portal-target {
     display: flex;
     justify-content: end;
+    align-items: center;
     flex-wrap: wrap;
   }
 }