From c572f117e23de4790db48dae0b64eb8eb07d0ba3 Mon Sep 17 00:00:00 2001
From: Rodrigo Quelca <rodrigo@processmaker.com>
Date: Mon, 19 Feb 2024 09:31:40 -0400
Subject: [PATCH] apply figma styles

---
 src/App.vue                         |  5 +++++
 src/components/vue-form-builder.vue | 11 +++++++----
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 729f20d4d..a3b6f3eb3 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -814,4 +814,9 @@ body {
 .editor {
   height: 30em;
 }
+// Platform btn style
+.btn-platform {
+  background-color: #ffff;
+  color: #6a7888;
+}
 </style>
diff --git a/src/components/vue-form-builder.vue b/src/components/vue-form-builder.vue
index eda90c19b..07d267729 100644
--- a/src/components/vue-form-builder.vue
+++ b/src/components/vue-form-builder.vue
@@ -103,10 +103,10 @@
       <b-input-group size="sm" class="bg-white mt-3">
         <b-dropdown
           v-if="showToolbar"
-          class="mx-1 bg-light"
           right
           text="menu"
           data-cy="page-dropdown"
+          variant="platform"
         >
           <template #button-content>
             <i class="fa fa-file"></i>
@@ -118,11 +118,11 @@
               $bvModal.show('addPageModal');
             "
           >
-            <i class="fa fa-plus"></i>
+            <i class="fa fa-plus dropdown-platform-item-icon"></i>
             {{ $t("Create Page") }}
           </b-dropdown-item>
           <b-dropdown-item>
-            <i class="fa fa-eye"></i>
+            <i class="fa fa-eye dropdown-platform-item-icon"></i>
             {{ $t("See all pages") }}
           </b-dropdown-item>
           <b-dropdown-divider></b-dropdown-divider>
@@ -1326,7 +1326,7 @@ export default {
 };
 </script>
 
-<style scoped>
+<style>
 .custom-popover {
   margin-right: -400px;
   padding: 16px;
@@ -1484,4 +1484,7 @@ $side-bar-font-size: 0.875rem;
     box-shadow: 0 0 0 13px rgba(0, 0, 0, 0);
   }
 }
+.dropdown-platform-item-icon {
+  color: #1572c2;
+}
 </style>