this repo has no description
chore: fix ugly refresh button
+16
-9
+16
-9
public/index.html
+16
-9
public/index.html
···
424
424
}
425
425
426
426
.refresh-button {
427
-
background: #fa6800;
428
-
color: #000000;
429
-
border: none;
430
-
padding: 0.6rem 1.2rem;
431
-
border-radius: 8px;
432
-
cursor: pointer;
427
+
display: inline-flex;
428
+
align-items: center;
429
+
gap: 8px;
430
+
margin-bottom: 16px;
431
+
background: linear-gradient(
432
+
135deg,
433
+
var(--hn-orange),
434
+
var(--hn-orange-hover)
435
+
);
436
+
color: white;
437
+
text-decoration: none;
433
438
font-weight: 600;
434
-
letter-spacing: 0.02em;
435
-
box-shadow: 0 4px 8px rgba(255, 102, 0, 0.25);
439
+
padding: 0.8rem 1.5rem;
440
+
border-radius: 12px;
441
+
box-shadow: 0 4px 12px rgba(255, 102, 0, 0.25);
436
442
transition: all 0.3s ease;
443
+
letter-spacing: 0.02em;
437
444
}
438
445
439
446
.refresh-button:hover {
···
443
450
var(--hn-orange)
444
451
);
445
452
transform: translateY(-2px);
446
-
box-shadow: 0 6px 12px rgba(255, 102, 0, 0.35);
453
+
box-shadow: 0 8px 20px rgba(255, 102, 0, 0.35);
447
454
}
448
455
449
456
/* Toggle Switch Styles */