From 0d3ed13007c4078b490fa6ee55137a7dfa62cd71 Mon Sep 17 00:00:00 2001
From: Chris Veleris <chrisveleris@gmail.com>
Date: Tue, 9 Dec 2025 22:58:21 +0200
Subject: [PATCH] Fix an issue with priority in taskmodal

---
 frontend/components/Shared/PriorityDropdown.tsx | 3 ++-
 frontend/components/Tasks.tsx                   | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/frontend/components/Shared/PriorityDropdown.tsx b/frontend/components/Shared/PriorityDropdown.tsx
index 8a4d26a..2c3da8e 100644
--- a/frontend/components/Shared/PriorityDropdown.tsx
+++ b/frontend/components/Shared/PriorityDropdown.tsx
@@ -160,11 +160,12 @@ const PriorityDropdown: React.FC<PriorityDropdownProps> = ({
                                 onClick={() =>
                                     handleSelect(priority.value as PriorityType)
                                 }
-                                className="flex items-center justify-center px-4 py-2 text-sm text-gray-900 dark:text-gray-100 hover:bg-gray-100 dark:hover:bg-gray-600 w-full first:rounded-t-md last:rounded-b-md"
+                                className="flex items-center space-x-2 px-4 py-2 text-sm text-gray-900 dark:text-gray-100 hover:bg-gray-100 dark:hover:bg-gray-600 w-full first:rounded-t-md last:rounded-b-md"
                                 data-testid={`priority-option-${priority.value || 'none'}`}
                                 title={priority.label}
                             >
                                 {priority.icon}
+                                <span>{priority.label}</span>
                             </button>
                         ))}
                     </div>,
diff --git a/frontend/components/Tasks.tsx b/frontend/components/Tasks.tsx
index f9fcf7d..db69184 100644
--- a/frontend/components/Tasks.tsx
+++ b/frontend/components/Tasks.tsx
@@ -536,7 +536,7 @@ const Tasks: React.FC = () => {
 
     return (
         <div
-            className={`w-full pt-4 pb-8 ${isUpcomingView ? 'pl-2 sm:pl-4' : 'px-2 sm:px-4 lg:px-6'}`}
+            className={`w-full pt-4 pb-8 ${isUpcomingView ? 'pl-4 sm:pl-6 md:pl-8' : 'px-2 sm:px-4 lg:px-6'}`}
         >
             <div
                 className={`w-full ${isUpcomingView ? '' : 'max-w-5xl mx-auto'}`}