updates

components/ClientEmailSection.vue

@@ -28,11 +28,11 @@
           </v-btn>
           <v-btn
             @click="loadEmailThread"
-            variant="text"
+            variant="tonal"
             icon="mdi-refresh"
             :loading="isRefreshing"
             size="small"
-            color="black"
+            color="grey-darken-4"
           >
             <v-tooltip activator="parent">Refresh Emails</v-tooltip>
           </v-btn>

components/EOISection.vue

@@ -29,7 +29,7 @@
       </div>
       
       <!-- Generate EOI Button - Only show if no documents uploaded -->
-      <div v-if="!hasEOI && !hasEOIDocuments" class="d-flex mb-4">
+      <div v-if="!hasEOI && !hasEOIDocuments" class="mb-4">
         <v-btn
           @click="generateEOI"
           :loading="isGenerating"
@@ -37,7 +37,6 @@
           variant="flat"
           prepend-icon="mdi-file-document-plus"
           size="default"
-          :block="mobile"
         >
           Generate EOI
         </v-btn>

server/api/email/send.ts

@@ -86,7 +86,7 @@ export default defineEventHandler(async (event) => {
     const signature = includeSignature ? `
 <br><br>
 <div style="margin-top: 20px; font-family: Arial, sans-serif;">
-  <img src="${process.env.NUXT_EMAIL_LOGO_URL || 'https://portnimara.com/logo.png'}" alt="Port Nimara" style="height: 40px; max-width: 150px; margin-bottom: 10px; display: block;">
+  <img src="${process.env.NUXT_EMAIL_LOGO_URL || 'https://portnimara.com/logo.png'}" alt="Port Nimara" style="width: 150px; height: auto; max-height: 40px; margin-bottom: 10px; display: block;">
   <div style="font-weight: bold;">${sig.name || defaultName}</div>
   <div style="color: #666; margin-bottom: 8px;">${sig.title || 'Sales & Marketing Director'}</div>
   <div style="font-weight: bold; margin-bottom: 12px;">${sig.company || 'Port Nimara'}</div>