From 81f14014d3acb8968e8301b3cd4367ea8da4d817 Mon Sep 17 00:00:00 2001
From: Benjamin Ottensten <benjamin@speckle.systems>
Date: Fri, 20 Dec 2024 16:34:33 +0100
Subject: [PATCH] Fix(workspace): Tiny polishing in new workspace homepage
 (#3737)

* Update member button label

* Adjust padding in trial banner

* Increase gap in empty state

* Fix search placeholder copy
---
 packages/frontend-2/components/billing/Alert.vue            | 2 +-
 packages/frontend-2/components/workspace/ProjectList.vue    | 6 ++++--
 .../frontend-2/components/workspace/sidebar/Members.vue     | 2 +-
 3 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/packages/frontend-2/components/billing/Alert.vue b/packages/frontend-2/components/billing/Alert.vue
index 101db574d..1bfa97868 100644
--- a/packages/frontend-2/components/billing/Alert.vue
+++ b/packages/frontend-2/components/billing/Alert.vue
@@ -3,7 +3,7 @@
     <template v-if="!hasValidPlan">
       <div
         v-if="condensed"
-        class="flex items-center justify-between rounded-md p-2 text-body-3xs font-medium bg-info-lighter text-primary-focus"
+        class="flex items-center justify-between rounded-md p-2 pl-3 text-body-3xs font-medium bg-info-lighter text-primary-focus"
       >
         {{ title }}
         <FormButton
diff --git a/packages/frontend-2/components/workspace/ProjectList.vue b/packages/frontend-2/components/workspace/ProjectList.vue
index d7335327c..034d08ac3 100644
--- a/packages/frontend-2/components/workspace/ProjectList.vue
+++ b/packages/frontend-2/components/workspace/ProjectList.vue
@@ -32,7 +32,9 @@
         <FormTextInput
           name="modelsearch"
           :show-label="false"
-          :placeholder="`Search in ${projects?.totalCount} projects...`"
+          :placeholder="`Search ${projects?.totalCount} ${
+            projects?.totalCount === 1 ? 'project' : 'projects'
+          }...`"
           :custom-icon="MagnifyingGlassIcon"
           color="foundation"
           wrapper-classes="w-full lg:w-60"
@@ -46,7 +48,7 @@
 
       <section
         v-if="showEmptyState"
-        class="bg-foundation border border-outline-2 rounded-md h-96 flex flex-col items-center justify-center gap-3"
+        class="bg-foundation border border-outline-2 rounded-md h-96 flex flex-col items-center justify-center gap-4"
       >
         <span class="text-body-2xs text-foreground-2 text-center">
           Workspace is empty
diff --git a/packages/frontend-2/components/workspace/sidebar/Members.vue b/packages/frontend-2/components/workspace/sidebar/Members.vue
index 4d2d31c11..438834e49 100644
--- a/packages/frontend-2/components/workspace/sidebar/Members.vue
+++ b/packages/frontend-2/components/workspace/sidebar/Members.vue
@@ -78,7 +78,7 @@ const iconClick = computed(() => {
 
 const iconText = computed(() => {
   if (!props.isWorkspaceAdmin) return undefined
-  return 'Edit team'
+  return 'Manage members'
 })
 
 const invitedTeamCount = computed(() => props.workspaceInfo?.invitedTeam?.length ?? 0)