From d988a5a4df4a7c4c891c487faabd9d72f2cc5a43 Mon Sep 17 00:00:00 2001
From: Dmitry Borisenko <rise33@yandex.ru>
Date: Sun, 12 Sep 2021 19:56:49 +0000
Subject: [PATCH] last version

---
 src/App.svelte     | 11 +++++++----
 src/Myinput.svelte |  7 +++++--
 2 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/src/App.svelte b/src/App.svelte
index 48dec5d..0749902 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -44,7 +44,7 @@
       type: "",
       page: "",
       order: "1",
-      descr: "Temperature1",
+      descr: "Boiler temperature",
       topic: "/prefix/00000-00000/temp1",
     },
     {
@@ -53,7 +53,7 @@
       type: "",
       page: "",
       order: "1",
-      descr: "Temperature2",
+      descr: "Room temperature",
       topic: "/prefix/00000-00000/temp2",
     },
     {
@@ -62,7 +62,7 @@
       type: "",
       page: "",
       order: "1",
-      descr: "Temperature3",
+      descr: "Body temperature",
       topic: "/prefix/00000-00000/temp3",
     },
   ];
@@ -211,11 +211,14 @@
       @apply py-2 px-4 bg-indigo-500 text-white font-semibold rounded-lg shadow-md hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-indigo-400 focus:ring-opacity-75;
     }
     .input-indigo {
-      @apply bg-gray-200 appearance-none border-2 border-gray-200 rounded w-full py-2 px-4 text-gray-700 leading-tight focus:outline-none focus:bg-white focus:border-indigo-500;
+      @apply py-2 px-4 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;
     }
     .descr-gray {
       @apply block text-gray-500 font-bold md:text-right mb-1 md:mb-0 pr-4;
     }
+    .descr-gray-left {
+      @apply block text-gray-500 font-bold md:text-left mb-1 md:mb-0 pr-4;
+    }
     .head-gray {
       @apply text-center text-lg text-gray-500 font-bold pb-6;
     }
diff --git a/src/Myinput.svelte b/src/Myinput.svelte
index fff676b..cc98ffd 100644
--- a/src/Myinput.svelte
+++ b/src/Myinput.svelte
@@ -11,10 +11,13 @@
   <div class="block-psn-center-when-md">
     <div class="md:w-1/3">
       <!-- svelte-ignore a11y-label-has-associated-control -->
-      <label class="descr-gray">{title}</label>
+      <label class="descr-gray-left">{title}</label>
     </div>
-    <div class="md:w-2/3">
+    <div class="md:w-1/3">
       <input bind:value on:change={WSpush(value)} class="input-indigo" type="text" />
     </div>
+    <div class="md:w-1/3">
+      <button on:click={WSpush(value)} class="btn-indigo" type="button">Set</button>
+    </div>
   </div>
 </div>