Repository: amir20/dozzle (language: go)

Issue:
Log search input box blocks content
**Describe the bug**

<img width="1502" alt="image" src="https://github.com/amir20/dozzle/assets/30215105/65e55505-bbac-4f1f-a65e-6222f5226262">

I can't find any way to hide this input box but keep the search conditions. Maybe the search input box could float or be fixed at the top?

**To Reproduce**
Steps to reproduce the behavior:

1. Just search

**Desktop (please complete the following information):**

- OS: Mac OS
- Docker version 24.0.7
- Browser & version Arc (Chromium Engine Version 120.0.6099.199)
- Version v6.0.6





Discussion / hints:
I think this works as expected. If someone is searching, then an area needs to be covered to show the search field. 

If I move the search to top, it will block the stats. So I think this is the best place to put it. 


I don't think stats are necessary when searching, but search results should be. 
Hmmm, I looked at other browsers, (Arc, Safari, Chrome...) and they do put it up higher. I wouldn't be opposed to moving it higher. And I think you are right, when searching logs are more important than stats. 

Fix patch:
diff --git a/assets/components/Search.vue b/assets/components/Search.vue
index 8290751596b8..ed8cb792f474 100644
--- a/assets/components/Search.vue
+++ b/assets/components/Search.vue
@@ -1,6 +1,6 @@
 <template>
   <transition name="slide">
-    <div class="fixed right-px top-12 z-10 flex items-center p-4" v-show="showSearch" v-if="search">
+    <div class="fixed right-4 top-2 z-10 flex items-center" v-show="showSearch" v-if="search">
       <div class="input input-primary flex h-auto items-center !shadow-lg">
         <mdi:magnify />
         <input


Test patch: