From d84b44252eab868d059deef77a3bf92b7d5dd15e Mon Sep 17 00:00:00 2001
From: ben8 <ben_ollech@outlook.com>
Date: Sun, 13 Apr 2025 18:16:58 +0200
Subject: [PATCH] Darstellung Suchleiste

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

diff --git a/django/templates/partials/_nav.html b/django/templates/partials/_nav.html
index c73f2b8..3232e68 100644
--- a/django/templates/partials/_nav.html
+++ b/django/templates/partials/_nav.html
@@ -1,23 +1,23 @@
-<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 md:w-40 font-bold text-white hover:scale-110 transition duration-200">
+<nav class="flex justify-between items-center bg-blue-600 h-12 px-4 sm:px-6  rounded-lg mt-1 m-2 shadow-md overflow-x-auto whitespace-nowrap">
+    <div class="flex items-center flex-shrink-0 md:w-32">
+        <h2 class="text-xl  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">
+<div class="flex justify-center items-center  min-w-30">
+    <form method="get" action="{% url 'library:overview_quiz' %}" class="mr-2 ml-2 flex items-center justify-center w-screen 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=" 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 ">
+            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-5 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></div>
   
 
-    <div class="flex items-center space-x-4 md:w-40">
+    <div class="flex items-center space-x-4 md:w-32 ">
         <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>