From 17e2883cf1b0bf27eba7c75ac895e64b12e75bb2 Mon Sep 17 00:00:00 2001
From: Dmitry Borisenko <49808844+DmitryBorisenko33@users.noreply.github.com>
Date: Wed, 27 Oct 2021 05:11:28 +0700
Subject: [PATCH] final

---
 src/App.svelte             | 4 ++--
 src/widgets/Anydata.svelte | 2 +-
 src/widgets/Toggle.svelte  | 4 ++--
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/App.svelte b/src/App.svelte
index edc430f..1fdb35b 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -112,7 +112,7 @@
     {
       widget: "anydata",
       status: 30.5,
-      after: "C",
+      after: "°С",
       page: "Any data",
       order: "3",
       descr: "Temperature",
@@ -343,7 +343,7 @@
       @apply content-center pr-4 py-1 bg-gray-200 appearance-none border-2 border-gray-200 rounded w-full text-gray-700 leading-tight focus:outline-none focus:bg-white focus:border-indigo-500;
     }
     .widget-anydata-style {
-      @apply text-center text-lg text-gray-500 font-bold;
+      @apply text-center text-gray-500 font-bold;
     }
   }
 
diff --git a/src/widgets/Anydata.svelte b/src/widgets/Anydata.svelte
index 0ba2eae..fcfd706 100644
--- a/src/widgets/Anydata.svelte
+++ b/src/widgets/Anydata.svelte
@@ -15,6 +15,6 @@
     <!-- svelte-ignore a11y-label-has-associated-control -->
     <label class="widget-anydata-style">{!widget.status ? "" : widget.status}</label>
     <!-- svelte-ignore a11y-label-has-associated-control -->
-    <label class="widget-anydata-style">{!widget.after ? "" : widget.after}</label>
+    <label class="widget-anydata-style">&nbsp;{!widget.after ? "" : widget.after}</label>
   </div>
 </div>
diff --git a/src/widgets/Toggle.svelte b/src/widgets/Toggle.svelte
index 0d4672d..72fb1e0 100644
--- a/src/widgets/Toggle.svelte
+++ b/src/widgets/Toggle.svelte
@@ -15,8 +15,8 @@
     <label for={widget.topic} class="items-center cursor-pointer">
       <div class="relative">
         <input on:change={() => ((widget["send"] = true), WSpush(widget.ws, widget.topic, widget.status))} bind:value={widget.status} id={widget.topic} type="checkbox" class="sr-only" />
-        <div class="block bg-gray-600 w-14 h-8 rounded-full" />
-        <div class="dot {widget['send'] == true ? 'bg-red-400' : 'bg-white'} absolute left-1 top-1  w-6 h-6 rounded-full transition" />
+        <div class="block bg-gray-600 w-10 h-6 rounded-full" />
+        <div class="dot {widget['send'] == true ? 'bg-red-400' : 'bg-white'} absolute left-1 top-1  w-4 h-4 rounded-full transition" />
       </div>
     </label>
   </div>