From 096e3302da3980b83583ce228fb0e8080cd2434f Mon Sep 17 00:00:00 2001
From: Dmitry Borisenko <49808844+DmitryBorisenko33@users.noreply.github.com>
Date: Wed, 29 Dec 2021 01:21:28 +0100
Subject: [PATCH] =?UTF-8?q?=D1=82=D0=B0=D0=B1=D0=BB=D0=B8=D1=86=D0=B0=20?=
 =?UTF-8?q?=D0=B4=D0=BB=D1=8F=20=D1=82=D0=B5=D0=BB=D0=B5=D1=84=D0=BE=D0=BD?=
 =?UTF-8?q?=D0=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .vscode/settings.json |  2 ++
 src/App.svelte        | 32 ++++++++++++++++----------------
 2 files changed, 18 insertions(+), 16 deletions(-)
 create mode 100644 .vscode/settings.json

diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 0000000..7a73a41
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,2 @@
+{
+}
\ No newline at end of file
diff --git a/src/App.svelte b/src/App.svelte
index 456a31f..9b25c65 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -30,7 +30,7 @@
   //Flags
   let showInput = false;
   let showModalFlag = false;
-  let hideAllSubParams = false;
+  let hideAllSubParams = true;
   let additionalParams = false;
 
   //dashboard
@@ -588,7 +588,7 @@
           {/each}
         </select>
       </div>
-      <div class="px-10 py-1">
+      <div class="px-5 py-1">
         <svg class="h-8 w-8 {socketConnected === true ? 'text-green-500' : 'text-red-500'}" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" /> <path d="M7 18a4.6 4.4 0 0 1 0 -9h0a5 4.5 0 0 1 11 2h1a3.5 3.5 0 0 1 0 7h-12" /></svg>
       </div>
     </div>
@@ -663,8 +663,8 @@
                   <th class="tbl-hd">Виджет</th>
                   <th class="tbl-hd">Вкладка</th>
                   <th class="tbl-hd">Название</th>
-                  <th class="tbl-hd w-12"><button class="btn-tbl bg-green-100 hover:bg-green-400" /></th>
-                  <th class="tbl-hd w-12" />
+                  <th class="tbl-hd w-7" />
+                  <th class="tbl-hd w-7" />
                 </tr>
               </thead>
               <tbody class="bg-white">
@@ -682,8 +682,8 @@
                       </select></td>
                     <td class="tbl-bdy"><input bind:value={element.page} class="tbl-ipt w-full" type="text" /></td>
                     <td class="tbl-bdy"><input bind:value={element.descr} class="tbl-ipt w-full" type="text" /></td>
-                    <td class="tbl-bdy"><button on:click={() => (hideAllSubParams = !hideAllSubParams)} class="btn-tbl bg-green-100 hover:bg-green-400" /></td>
-                    <td class="tbl-bdy"><button class="btn-tbl bg-red-100 hover:bg-red-400" /></td>
+                    <td class="tbl-bdy"><svg on:click={() => (hideAllSubParams = !hideAllSubParams)} class="h-6 w-6 text-green-400" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" /> <circle cx="5" cy="12" r="1" /> <circle cx="12" cy="12" r="1" /> <circle cx="19" cy="12" r="1" /></svg></td>
+                    <td class="tbl-bdy"><svg class="h-6 w-6 text-red-400" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <line x1="18" y1="6" x2="6" y2="18" /> <line x1="6" y1="6" x2="18" y2="18" /></svg></td>
                   </tr>
                   {#if !hideAllSubParams}
                     {#each Object.entries(element) as [key, param]}
@@ -823,35 +823,35 @@
     }
     /*====================================================table=====================================================*/
     .tbl-hd {
-      @apply text-center px-2 py-2 break-words text-gray-500 font-bold;
+      @apply text-center px-1 py-1 break-words text-gray-500 font-bold;
     }
     .tbl-bdy {
-      @apply text-center px-2 py-2 break-words;
+      @apply text-center px-1 py-1 break-words;
     }
     .tbl-s-bdy {
-      @apply px-2 py-1 break-words;
+      @apply px-1 py-1 break-words;
     }
     .tbl-ipt {
-      @apply content-center h-8 bg-gray-50 focus:bg-white appearance-none border-2 border-gray-100 text-gray-700 leading-tight focus:outline-none text-center focus:border-indigo-500;
-    }
-    .tbl-s-txt {
-      @apply text-sm inline-block italic align-top text-right text-gray-500;
+      @apply content-center h-auto bg-gray-50 focus:bg-white appearance-none border-2 border-gray-100 text-gray-700 leading-tight focus:outline-none text-center focus:border-indigo-500;
     }
     .tbl-s-ipt {
-      @apply content-center h-6 bg-gray-50 focus:bg-white appearance-none border-2 border-gray-100 text-gray-700 leading-tight focus:outline-none text-center focus:border-indigo-500 rounded-sm;
+      @apply content-center h-auto bg-gray-50 focus:bg-white appearance-none border-2 border-gray-100 text-gray-700 leading-tight focus:outline-none text-center focus:border-indigo-500 rounded-sm;
+    }
+    .tbl-s-txt {
+      @apply inline-block italic align-top text-right text-gray-500;
     }
     .tbl-txt-p {
       @apply px-2 py-0 sm:py-0 md:py-0 lg:py-1 xl:py-2 2xl:py-2;
     }
     .tbl-txt-sz {
-      @apply text-xxs sm:text-xxs md:text-base lg:text-base xl:text-base 2xl:text-base;
+      @apply text-xxs sm:text-base md:text-base lg:text-base xl:text-base 2xl:text-base;
     }
     /*====================================================buttons=====================================================*/
     .btn-lg {
       @apply flex justify-center break-words content-center bg-blue-100 hover:bg-blue-200 text-gray-500 font-bold h-8 w-full mt-4 border border-gray-300 rounded;
     }
     .btn-tbl {
-      @apply flex justify-center content-center text-gray-500 font-bold w-10 h-8 border border-gray-300;
+      @apply flex justify-center content-center text-gray-500 font-bold w-6 h-auto border border-gray-300;
     }
     /*====================================================select=====================================================*/
     .slct-lg {