new

osinaweb/osinacore/templates/projects-dashboard.html

@@ -15,14 +15,14 @@
 
 <div class="w-full h-fit bg-white rounded-md shadow-md p-5">
   <div class="flex flex-row gap-3 justify-between items-center mb-4">
-    <h1 class="font-semibold text-xl text-secondosiblue font-poppinsBold ">Projects Dashboard</h1>
+    <h1 class="text-xl text-secondosiblue">Projects Dashboard</h1>
   </div>
 
   <form method="get" id="filter-form" class="mb-4 font-poppins ">
-    <div class="w-full flex flex-col gap-4 font-poppins ">
+    <div class="w-full py-4 px-3 bg-gray-200 rounded-md shadow-md mt-4 flex flex-col s:flex-row justify-between gap-3 items-center">
       <div class="flex flex-col lg:flex-row w-full gap-4 font-poppins ">
         <div class="flex-1 flex flex-col">
-          <label class="mb-1 text-secondosiblue font-semibold cursor-pointer">Date Range</label>
+          <label class="mb-1 text-secondosiblue font-semibold cursor-pointer font-poppinsBold">Date Range</label>
           <div class="flex flex-col lg:flex-row gap-2">
             <input name="start_date" id="start-date" type="date"
                    value="{{ start_date }}"
@@ -35,7 +35,7 @@
         </div>
 
         <div class="flex-1 flex flex-col">
-          <label class="mb-1 text-secondosiblue font-semibold cursor-pointer">Projects</label>
+          <label class="mb-1 text-secondosiblue font-semibold cursor-pointer font-poppinsBold">Projects</label>
           <select name="projects" id="projects" class="rounded-md" multiple>
             {% for project in projects %}
             <option value="{{ project.id }}"
@@ -47,7 +47,7 @@
         </div>
 
         <div class="flex-1 flex flex-col">
-          <label class="text-secondosiblue font-semibold cursor-pointer mb-1">Staff</label>
+          <label class="text-secondosiblue font-semibold cursor-pointer mb-1 font-poppinsBold">Staff</label>
           <select name="staff" id="staff" class="rounded-md" multiple>
             {% for staff in staffs %}
             <option value="{{ staff.id }}"
@@ -59,7 +59,7 @@
         </div>
       </div>
       <button type="submit" class="self-start bg-primary text-white px-4 py-2 rounded-md">
-        Apply Filters
+
       </button>
     </div>
   </form>
@@ -78,7 +78,7 @@
             <th scope="col" class="px-6 py-3 text-sm font-medium text-gray-500 uppercase border-r border-gray-300 whitespace-nowrap">Last Activity</th>
           </tr>
         </thead>
-        <tbody class="bg-white divide-y divide-gray-200">
+        <tbody class="bg-white divide-y divide-gray-200 text-secondosiblue">
           {% for point in points %}
           <tr class="border border-gray-200 text-center">
             <td class="px-6 py-4 text-center text-sm border-r border-gray-300 whitespace-normal break-words max-w-xs">{{ point.task.project.name }}</td>