From 686214a596a2832ecd2202038d87ac93bc6c6462 Mon Sep 17 00:00:00 2001
From: mrloureed <mrloureed@gmail.com>
Date: Mon, 24 Jul 2023 15:23:56 -0400
Subject: [PATCH] layout fixes

---
 package.json                      |  2 +-
 src/elements/button/button.svelte |  4 ++--
 src/elements/icon/icon.svelte     | 26 ++++++++++++++------------
 src/elements/select/select.svelte |  9 +--------
 4 files changed, 18 insertions(+), 23 deletions(-)

diff --git a/package.json b/package.json
index 543217fdf..3532d271e 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@viamrobotics/prime",
-  "version": "0.3.5",
+  "version": "0.3.6",
   "license": "Apache-2.0",
   "type": "module",
   "files": [
diff --git a/src/elements/button/button.svelte b/src/elements/button/button.svelte
index c889d6ad8..2b9a54c0e 100644
--- a/src/elements/button/button.svelte
+++ b/src/elements/button/button.svelte
@@ -47,14 +47,14 @@ const handleParentClick = (event: PointerEvent) => {
   event.stopImmediatePropagation();
 };
 
-let fill = 'danger';
+let fill = 'black';
 
 $: {
   switch (variant) {
     case 'inverse-primary':
     case 'danger':
     case 'success': {
-      fill = 'reversed';
+      fill = 'white';
       break;
     }
     case 'outline-danger':
diff --git a/src/elements/icon/icon.svelte b/src/elements/icon/icon.svelte
index df4d1da57..9ff6c1e56 100644
--- a/src/elements/icon/icon.svelte
+++ b/src/elements/icon/icon.svelte
@@ -27,15 +27,17 @@ export let size: Size = 'base';
 const hasNameProperty = Object.hasOwn(paths, name);
 </script>
 
-<svg
-  class={cx(`leading ${sizes[size]}`, {
-    'inline-block': hasNameProperty,
-    hidden: !hasNameProperty,
-  })}
-  viewBox="0 0 24 24"
-  aria-labelledby="name"
-  role="img"
->
-  <title id={name}>{`${name} icon`}</title>
-  <path d={paths[name]} fill={fillColor[fill]} />
-</svg>
+<div class="leading-3">
+  <svg
+    class={cx(`${sizes[size]}`, {
+      'inline-block': hasNameProperty,
+      hidden: !hasNameProperty,
+    })}
+    viewBox="0 0 24 24"
+    aria-labelledby="name"
+    role="img"
+  >
+    <title id={name}>{`${name} icon`}</title>
+    <path d={paths[name]} fill={fillColor[fill]} />
+  </svg>
+</div>
diff --git a/src/elements/select/select.svelte b/src/elements/select/select.svelte
index 7264389f1..afb20debf 100644
--- a/src/elements/select/select.svelte
+++ b/src/elements/select/select.svelte
@@ -275,14 +275,7 @@ $: {
 
     {#if tooltip}
       <v-tooltip text={tooltip}>
-        <div
-          class={cx({
-            'text-warning-bright': state === 'warn',
-            'text-danger-dark': state === 'error',
-          })}
-        >
-          <v-icon {fill} name={icon} />
-        </div>
+        <v-icon {fill} name={icon} />
       </v-tooltip>
     {/if}
   </div>