feat(ui): adjust button styles for better accessibility and consistency

frontend/src/App.tsx

@@ -3146,11 +3146,15 @@ function SharedSchedule() {
 	const schedule = useMemo(() => {
 		if (!data) return [];
 
-		const now = Date.now();
 		const todayStart = new Date();
 		todayStart.setHours(0, 0, 0, 0);
 		const todayStartTime = todayStart.getTime();
-		const endTime = now + data.scheduleDays * 24 * 60 * 60 * 1000;
+		
+		// Calculate end time: today midnight + scheduleDays days
+		const endDate = new Date(todayStart);
+		endDate.setDate(endDate.getDate() + data.scheduleDays);
+		const endTime = endDate.getTime();
+		
 		const doses: { id: string; when: number; medName: string; usage: number; timeStr: string; isPast: boolean }[] = [];
 
 		for (const med of data.medications) {

frontend/src/styles.css

@@ -2526,17 +2526,21 @@ textarea {
   right: 1rem;
   background: rgba(255, 255, 255, 0.1);
   border: none;
-  font-size: 2rem;
+  font-size: 1.5rem;
   color: white;
   cursor: pointer;
   width: 3rem;
   height: 3rem;
+  min-width: 3rem;
+  min-height: 3rem;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: var(--btn-radius-round);
   transition: background 150ms ease;
   box-shadow: none;
+  padding: 0;
+  line-height: 1;
 }
 
 .lightbox-close:hover {
@@ -3031,15 +3035,17 @@ h3 .reminder-icon.info-tooltip {
 }
 
 /* Override danger button styles for dropdown items */
-.dropdown-item.danger {
-  background: none;
+.dropdown-item.danger,
+[data-theme="light"] .dropdown-item.danger {
+  background: none !important;
   color: var(--text-primary);
   border: none;
   box-shadow: none;
 }
 
-.dropdown-item.danger:hover {
-  background: rgba(239, 68, 68, 0.15);
+.dropdown-item.danger:hover,
+[data-theme="light"] .dropdown-item.danger:hover {
+  background: rgba(239, 68, 68, 0.15) !important;
   color: var(--danger);
 }