From a59df8dd62373dc3d42f1d73e510e5fa05658f01 Mon Sep 17 00:00:00 2001
From: ben8 <ben_ollech@outlook.com>
Date: Sun, 13 Apr 2025 17:01:28 +0200
Subject: [PATCH] #98 plus besser Darstellung der Suchleiste

---
 django/templates/partials/_nav.html | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/django/templates/partials/_nav.html b/django/templates/partials/_nav.html
index 1b0cc9a..c73f2b8 100644
--- a/django/templates/partials/_nav.html
+++ b/django/templates/partials/_nav.html
@@ -1,23 +1,23 @@
-<nav class="flex justify-between items-center bg-blue-600 h-12 px-4 sm:px-6 lg:px-8 rounded-lg m-2 shadow-md overflow-x-auto whitespace-nowrap">
+<nav class="w-screen flex justify-between items-center bg-blue-600 h-12 px-4 sm:px-6 lg:px-8 rounded-lg m-2 shadow-md overflow-x-auto whitespace-nowrap">
     <div class="flex items-center flex-shrink-0">
-        <h2 class="text-xl font-bold text-white hover:scale-110 transition duration-200">
+        <h2 class="text-xl md:w-40 font-bold text-white hover:scale-110 transition duration-200">
             <a href="{% url 'homepage:home' %}">qivip</a>
         </h2>
     </div>
 
-
+<div class="flex justify-center items-center w-full min-w-30">
     <form method="get" action="{% url 'library:overview_quiz' %}" class="mr-2 ml-2 flex items-center w-full max-w-sm bg-white rounded-full px-4 py-1 shadow-md">
         <input type="text" name="search" placeholder="Suche ..." value="{{ request.GET.search }}"
-            class="w-full px-3 py-1 text-black bg-transparent focus:outline-none">
-        <button type="submit" class=" py-1 text-blue-600">
-            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
+            class=" text-sm w-full px-3 py-1  text-black bg-transparent focus:outline-none lg:text-base">
+        <button class="py-1 text-blue-600">
+            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-3 md:size-6 ">
                 <path stroke-linecap="round" stroke-linejoin="round" d="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z" />
               </svg>              
         </button>
-    </form>
+    </form></div>
   
 
-    <div class="flex items-center space-x-4">
+    <div class="flex items-center space-x-4 md:w-40">
         <ul class="flex space-x-4 qp-nav-list">
             {% if show_search %}
             <li class="hidden md:flex"><a href="{% url 'library:overview_quiz' %}">Bibliothek</a></li>