diff --git a/resources/js/Layouts/GuestLayout.vue b/resources/js/Layouts/GuestLayout.vue
index 0fb90e6..f33a386 100644
--- a/resources/js/Layouts/GuestLayout.vue
+++ b/resources/js/Layouts/GuestLayout.vue
@@ -15,7 +15,12 @@ import {
     FwbMegaMenu,
     FwbMegaMenuDropdown,
     FwbRadio,
+    FwbFooter,
+    FwbFooterCopyright,
+    FwbFooterLink,
+    FwbFooterLinkGroup,
 } from 'flowbite-vue';
+
 import Multiselect from "vue-multiselect";
 import { settingsStore } from '../settingsStore.js';
 const menu = ref([])
@@ -267,8 +272,15 @@ onMounted(fetch_menu);
             </fwb-mega-menu-dropdown>
         </template>
     </fwb-navbar>
-    <div class="m-3">
+    <div class="m-3 pb-24">
         <slot />
     </div>
+    <fwb-footer class="p-4 rounded-none bg-white shadow md:flex md:items-center md:justify-between md:p-6 dark:bg-gray-800 bottom-0 absolute w-full">
+    <fwb-footer-copyright
+      by="JD a MH Slovakia™"
+      href="/"
+      copyright-message="We are not responsible..."
+    />
+   </fwb-footer>
 </template>
 <style src="vue-multiselect/dist/vue-multiselect.css"></style>
diff --git a/resources/js/Pages/IkeaRoot.vue b/resources/js/Pages/IkeaRoot.vue
index 51326d9..2c09690 100644
--- a/resources/js/Pages/IkeaRoot.vue
+++ b/resources/js/Pages/IkeaRoot.vue
@@ -55,7 +55,11 @@ const gChartHeight = gChartWidth == 400 ? 250 : (screenWidth.value *65/100) - 20
 console.log('GCH',screenWidth.value, screenHeight.value, gChartWidth,gChartHeight);
 const options = {
   region: 150,
-
+  colorAxis: {
+    colors : ['blue','red'],
+    minValue: 0,
+    maxValue: 1 },
+  backgroundColor: '#e5e6f9',
   width:  gChartWidth,
   height: gChartHeight,
 };
@@ -348,6 +352,11 @@ function customLabel({ item, desc, code }) {
   return `${item} - ${desc} - ${code}`;
 }
 
+const clear_all = () => {
+    settingsStore.text = '';
+    products.value = [];
+    options_items.value = [];
+}
 
 onMounted(fetch);
 onMounted(fetch_rates);
@@ -486,7 +495,7 @@ const selectedRowClassNameFunction = (item) => {
                 />
               </div>
             </div>
-            <div class="ml-2" >
+            <div>
               <div>
                 <span class="font-extrabold font-mono">Online:</span>
               </div>
@@ -495,7 +504,7 @@ const selectedRowClassNameFunction = (item) => {
                   type="checkbox"
                   class="w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600"
                   v-model="settingsStore.online"
-                  @input="async_search"
+                  @input="clear_all"
                 />
               </div>
             </div>
diff --git a/resources/views/app.blade.php b/resources/views/app.blade.php
index 102b4a4..6795b17 100644
--- a/resources/views/app.blade.php
+++ b/resources/views/app.blade.php
@@ -25,7 +25,7 @@
     @inertiaHead
 </head>
 
-<body class="font-sans antialiased bg-gray-100">
+<body class="font-sans antialiased bg-gray-100 relative min-h-screen">
     @inertia
 </body>
 
