From ad5cb6036d87fa5e2a22fd035490d38a786cf21f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tom=C3=A1=C5=A1=20Ml=C3=A1dek?= <t@mldk.cz>
Date: Thu, 27 Jan 2022 17:43:30 +0100
Subject: [PATCH] [ui] fix Editable overflow, disable button unless dirty

---
 webui/src/components/utils/Editable.svelte | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/webui/src/components/utils/Editable.svelte b/webui/src/components/utils/Editable.svelte
index c479c69..2ffe47e 100644
--- a/webui/src/components/utils/Editable.svelte
+++ b/webui/src/components/utils/Editable.svelte
@@ -3,6 +3,7 @@
   import { createEventDispatcher } from "svelte";
   import type { IValue } from "upend/types";
   import IconButton from "./IconButton.svelte";
+  import { isEqual } from "lodash";
   const dispatch = createEventDispatcher();
 
   export let editable: boolean;
@@ -18,6 +19,7 @@
       </div>
       <IconButton
         name="check-circle"
+        disabled={isEqual(value, newValue)}
         on:click={() => dispatch("edit", newValue)}
       />
     </div>
@@ -33,5 +35,6 @@
 
   .selector {
     flex-grow: 1;
+    min-width: 0;
   }
 </style>