5.3.4: Поиск — группировка справа, крестик слева

play-life-web/package.json

@@ -1,6 +1,6 @@
 {
   "name": "play-life-web",
-  "version": "5.3.3",
+  "version": "5.3.4",
   "type": "module",
   "scripts": {
     "dev": "vite",

play-life-web/src/components/TaskList.css

@@ -21,7 +21,7 @@
 
 .task-search-input {
   width: 100%;
-  padding: 0.75rem 5rem 0.75rem 3rem;
+  padding: 0.75rem 5.5rem 0.75rem 3rem;
   border: 1px solid #e5e7eb;
   border-radius: 0.5rem;
   font-size: 1rem;
@@ -40,10 +40,10 @@
   color: #9ca3af;
 }
 
-/* Кнопка переключения группировки */
+/* Кнопка переключения группировки — всегда у правого края */
 .task-grouping-toggle {
   position: absolute;
-  right: 1rem; /* Такой же отступ, как у иконки лупы */
+  right: 1rem;
   top: 50%;
   transform: translateY(-50%);
   background: none;
@@ -65,9 +65,10 @@
   color: #6b7280;
 }
 
+/* Крестик очистки — слева от кнопки группировки, когда есть текст */
 .task-search-clear {
   position: absolute;
-  right: 0.75rem; /* Остаётся на месте */
+  right: 3.5rem;
   top: 50%;
   transform: translateY(-50%);
   background: none;