Исправления списка словарей: крестик и отступы

VERSION

@@ -1 +1 @@
-3.14.2
+3.14.3

play-life-web/package.json

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

play-life-web/src/App.jsx

@@ -755,6 +755,10 @@ function AppContent() {
     if (activeTab === 'priorities') {
       return 'px-4 md:px-8 py-0'
     }
+    // Для экрана словарей используем такие же отступы как для приоритетов
+    if (activeTab === 'dictionaries') {
+      return 'px-4 md:px-8 py-0'
+    }
     // Для остальных fullscreen экранов без отступов
     return 'p-0'
   }

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

@@ -1,31 +1,40 @@
 .dictionary-list {
   padding-top: 0;
   position: relative;
+  padding-bottom: 5rem;
 }
 
-.dictionary-back-button {
-  position: absolute;
-  top: 0;
-  left: 0;
-  background: transparent;
+.dictionary-close-button {
+  position: fixed;
+  top: 1rem;
+  right: 1rem;
+  background: rgba(255, 255, 255, 0.9);
   border: none;
-  border-radius: 8px;
-  padding: 0.5rem;
+  font-size: 1.5rem;
+  color: #7f8c8d;
   cursor: pointer;
-  color: #2c3e50;
-  transition: all 0.2s;
-  z-index: 10;
+  width: 40px;
+  height: 40px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 50%;
+  transition: background-color 0.2s, color 0.2s;
+  z-index: 1600;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
 }
 
-.dictionary-back-button:hover {
-  background: rgba(0, 0, 0, 0.05);
+.dictionary-close-button:hover {
+  background-color: #ffffff;
+  color: #2c3e50;
 }
 
 .dictionaries-grid {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
   gap: 1rem;
-  padding-top: 2.5rem;
+  padding-top: 4rem;
+  margin-bottom: 1rem;
 }
 
 .dictionary-card {

play-life-web/src/components/DictionaryList.jsx

@@ -115,14 +115,13 @@ function DictionaryList({ onNavigate, refreshTrigger = 0 }) {
 
   return (
     <div className="dictionary-list">
-      {/* Кнопка назад */}
+      {/* Кнопка закрытия */}
       <button 
-        className="dictionary-back-button"
+        className="dictionary-close-button"
         onClick={() => onNavigate?.('profile')}
+        title="Закрыть"
       >
-        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2">
-          <path d="M19 12H5M12 19l-7-7 7-7"/>
-        </svg>
+        ✕
       </button>
 
       <div className="dictionaries-grid">