From 18bd1e4d19337aa9f44a4e933bff795781920f81 Mon Sep 17 00:00:00 2001
From: Alexander Platov <sas_lord@mail.ru>
Date: Sat, 28 Aug 2021 14:56:40 +0300
Subject: [PATCH] Fixed display of an icon in a button. The shadow is smaller
 in CircleButton. (#81)

Signed-off-by: Alexander Platov <sas_lord@mail.ru>
---
 packages/ui/src/components/Button.svelte       | 2 +-
 packages/ui/src/components/CircleButton.svelte | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/ui/src/components/Button.svelte b/packages/ui/src/components/Button.svelte
index 94f4016488..9af85da036 100644
--- a/packages/ui/src/components/Button.svelte
+++ b/packages/ui/src/components/Button.svelte
@@ -30,7 +30,7 @@
 </script>
 
 <button class="button {size}" class:primary class:transparent disabled={disabled || loading} style={width ? 'width: ' + width : ''} on:click>
-  {#if icon}
+  {#if icon && !loading}
     <div class="icon">
       {#if typeof (icon) === 'string'}
         <Icon {icon} size={'small'}/>
diff --git a/packages/ui/src/components/CircleButton.svelte b/packages/ui/src/components/CircleButton.svelte
index 2cabf630d6..888648d963 100644
--- a/packages/ui/src/components/CircleButton.svelte
+++ b/packages/ui/src/components/CircleButton.svelte
@@ -51,11 +51,11 @@
 
     &:hover {
       background-color: rgba(255, 255, 255, .25);
-      box-shadow: 0 0 1rem rgba(0, 0, 0, .3);
+      box-shadow: 0 0 .5rem rgba(0, 0, 0, .3);
     }
     &:active {
       background-color: rgba(255, 255, 255, .15);
-      box-shadow: 0 0 1rem rgba(0, 0, 0, .1);
+      box-shadow: 0 0 .5rem rgba(0, 0, 0, .1);
     }
   }
 </style>