margins

src/pages/Config.svelte

@@ -196,6 +196,7 @@
 </script>
 
 {#if show}
+  <div class="my-4">
     <div class="grd-2col1">
       <Card title="Конфигуратор">
         <div class="grd-2col2">
@@ -281,6 +282,7 @@
         <textarea bind:value={scenarioTxt} rows={height} class="px-2 bg-gray-50 border-2 border-gray-200 rounded text-gray-700 leading-tight focus:outline-none focus:bg-white focus:border-indigo-500 w-full" />
       </Card>
     </div>
+  </div>
   <div class="grd-1col1">
     <Card>
       <div class="grd-2col1">

src/pages/Connection.svelte

@@ -15,6 +15,7 @@
 </script>
 
 {#if show}
+  <div class="my-4">
     <div class="grd-2col1">
       <Card title="Подключение к WiFi">
         <div class="crd-itm-psn">
@@ -140,6 +141,7 @@
         <button class="btn-lg" on:click={() => saveMqtt()}>{"Сохранить"}</button>
       </Card>
     </div>
+  </div>
   <div class="grd-1col1">
     <Card>
       <button class="btn-lg" on:click={() => rebootEsp()}>{"Перезагрузить устройство"}</button>

src/pages/List.svelte

@@ -30,6 +30,7 @@
 </script>
 
 {#if show}
+  <div class="my-4">
     <div class="grd-1col1">
       <Card title={"Список устройств"}>
         <table class="tbl">
@@ -69,6 +70,7 @@
           <button class="btn-lg" on:click={(msg) => sendToAllDevices("/reboot|")}>{"Перезагрузить все устройства"}</button>
         </div>
       </Card>
+    </div>
     <Alarm>
       <p>Прошитые прошивкой IoT Manager устройства появятся в списке автоматически в течении минуты. Для обновления названий устройств нужно обновить страницу. Устройства должны быть подключены к одному wifi роутеру.</p>
     </Alarm>

src/pages/System.svelte

@@ -151,6 +151,7 @@
 </script>
 
 {#if show}
+  <div class="my-4">
     <div class="grd-3col1">
       <!--INFORMATION-->
       <Card title="Системная информация">
@@ -419,6 +420,7 @@
         </div>
       </Card>
     </div>
+  </div>
   <!--ERRORS-->
   <div class="grd-1col1">
     <Card title="Системные ошибки">