Fraser commited on
Commit
c62be96
·
1 Parent(s): 987557b
src/lib/components/Piclets/PicletDetail.svelte CHANGED
@@ -511,55 +511,12 @@
511
  }
512
 
513
  /* Enhanced ability and move display styles */
514
- .expand-toggle {
515
- width: 100%;
516
- padding: 10px;
517
- margin-top: 12px;
518
- background: linear-gradient(135deg, #007bff 0%, #0056b3 100%);
519
- color: white;
520
- border: none;
521
- border-radius: 8px;
522
- font-size: 14px;
523
- font-weight: 500;
524
- cursor: pointer;
525
- transition: all 0.2s ease;
526
- }
527
-
528
- .expand-toggle:hover {
529
- background: linear-gradient(135deg, #0056b3 0%, #004085 100%);
530
- transform: translateY(-1px);
531
- box-shadow: 0 4px 12px rgba(0, 123, 255, 0.3);
532
- }
533
-
534
- .expand-toggle:active {
535
- transform: translateY(0);
536
- }
537
-
538
  .moves-list {
539
  display: flex;
540
  flex-direction: column;
541
  gap: 4px;
542
  }
543
 
544
- .move-item {
545
- background: none;
546
- border: none;
547
- padding: 0;
548
- cursor: pointer;
549
- width: 100%;
550
- text-align: left;
551
- border-radius: 8px;
552
- transition: transform 0.2s ease;
553
- }
554
-
555
- .move-item:hover {
556
- transform: translateY(-1px);
557
- }
558
-
559
- .move-item:active {
560
- transform: translateY(0);
561
- }
562
-
563
  @media (min-width: 768px) {
564
  .detail-page {
565
  position: relative;
 
511
  }
512
 
513
  /* Enhanced ability and move display styles */
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
514
  .moves-list {
515
  display: flex;
516
  flex-direction: column;
517
  gap: 4px;
518
  }
519
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
520
  @media (min-width: 768px) {
521
  .detail-page {
522
  position: relative;