Increase maximum repeat limits for word and loop settings in LearningComponent

Author: sondreb

src/app/pages/learning/learning.component.ts

@@ -361,7 +361,7 @@ import { Observable, BehaviorSubject, from } from 'rxjs';
         transition: all 0.2s ease;
         padding: 0;
         touch-action: manipulation;
-      }
+   2  }
       
       .control-btn:hover {
         background: rgba(99, 102, 241, 0.2);
@@ -377,7 +377,7 @@ import { Observable, BehaviorSubject, from } from 'rxjs';
         text-align: center;
         font-weight: 500;
         padding: 0 6px;
-      }
+   2  }
       
       /* Media query adjustments for the new control */
       @media (max-width: 768px) {
@@ -1509,9 +1509,9 @@ export class LearningComponent implements OnInit, OnDestroy {
 
   incrementValue(setting: 'wordRepeat' | 'loopRepeat') {
     if (setting === 'wordRepeat') {
-      this.wordRepeat = Math.min(10, this.wordRepeat + 1);
+      this.wordRepeat = Math.min(20, this.wordRepeat + 1);
     } else {
-      this.loopRepeat = Math.min(10, this.loopRepeat + 1);
+      this.loopRepeat = Math.min(20, this.loopRepeat + 1);
     }
     this.saveSettings();
   }