kanban tweaks

core/templates/base.html

@@ -38,7 +38,7 @@
         </div>
     </nav>
 
-    <main class="container mt-5">
+    <main class="{% block container_class %}container{% endblock %} mt-5">
         {% block content %}
         {% endblock %}
     </main>

core/templates/core/chat.html

@@ -3,6 +3,8 @@
 
 {% block title %}Chat{% endblock %}
 
+{% block container_class %}container-fluid{% endblock %}
+
 {% block content %}
 <div class="chat-container">
     <!-- Sidebar -->

core/templates/core/index.html

@@ -4,10 +4,7 @@
 {% block title %}AI Task Manager - Home{% endblock %}
 
 {% block content %}
-<div class="hero-section text-center py-5">
-    <h1 class="display-4">AI Task Manager</h1>
-    <p class="lead">Your intelligent assistant for managing tasks and conversations.</p>
-</div>
+
 
 <div class="row justify-content-center">
     <div class="col-lg-8">

core/templates/core/kanban.html

@@ -4,11 +4,10 @@
 
 {% block title %}AI Task Manager - Kanban Board{% endblock %}
 
+{% block container_class %}container-fluid{% endblock %}
+
 {% block content %}
-<div class="hero-section text-center py-5">
-    <h1 class="display-4">Kanban Board</h1>
-    <p class="lead">Visualize your tasks and track progress.</p>
-</div>
+    
 
     <div class="kanban-board-container">
         <div class="loader-overlay" style="display: none;">

static/css/custom.css

@@ -245,14 +245,13 @@ body {
 }
 
 .kanban-column {
-    flex: 1 1 300px; /* Flex-grow, flex-shrink, and basis */
-    min-width: 300px;
-    max-width: 320px;
+    flex: 1 1 18rem;
+    min-width: 16rem;
+    max-width: 18rem;
     background-color: #f0f2f5;
     border-radius: 0.5rem;
     display: flex;
     flex-direction: column;
-    max-height: calc(100vh - 250px); /* Adjust based on your layout */
 }
 
 .kanban-column h2 {