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

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

@@ -161,20 +161,7 @@ function WordList({ onNavigate, dictionaryId, isNewDictionary, refreshTrigger =
   // Show save button only if name is not empty and has changed
   const showSaveButton = dictionaryName.trim() !== '' && dictionaryName.trim() !== originalDictionaryName
 
-  if (loading) {
-    return (
-      <div className="word-list">
-        <div className="fixed inset-0 flex justify-center items-center">
-          <div className="flex flex-col items-center">
-            <div className="w-12 h-12 border-4 border-indigo-200 border-t-indigo-600 rounded-full animate-spin mb-4"></div>
-            <div className="text-gray-600 font-medium">Загрузка...</div>
-          </div>
-        </div>
-      </div>
-    )
-  }
-
-  if (error) {
+  if (error && !loading) {
     return (
       <div className="word-list">
         <LoadingError onRetry={() => {
@@ -188,13 +175,21 @@ function WordList({ onNavigate, dictionaryId, isNewDictionary, refreshTrigger =
 
   return (
     <div className="word-list">
-      <button 
-        onClick={() => onNavigate?.('dictionaries')} 
+      <button
+        onClick={() => onNavigate?.('dictionaries')}
         className="close-x-button"
         title="Закрыть"
       >
         ✕
       </button>
+      {loading && (
+        <div className="fixed inset-0 flex justify-center items-center">
+          <div className="flex flex-col items-center">
+            <div className="w-12 h-12 border-4 border-indigo-200 border-t-indigo-600 rounded-full animate-spin mb-4"></div>
+            <div className="text-gray-600 font-medium">Загрузка...</div>
+          </div>
+        </div>
+      )}
       
       {/* Dictionary name input */}
       <div className="dictionary-name-input-container">