Mobile Optimization #8

Merged
revengeday merged 8 commits from kaiserkiwi/cyber-circle-creator:mobile-optimization into main 2024-11-17 13:40:11 +00:00
Showing only changes of commit 6128fbacd6 - Show all commits

View file

@ -124,9 +124,14 @@ input[type="text"]:focus {
/* Radio Buttons */ /* Radio Buttons */
.radio-group { .radio-group {
display: flex; display: flex;
justify-content: space-around; flex-direction: column;
justify-content: space-between;
flex-wrap: wrap; flex-wrap: wrap;
gap: var(--spacing-sm);
@media (width > 768px) {
flex-direction: row;
}
} }
.radio-group input[type="radio"] { .radio-group input[type="radio"] {
@ -134,8 +139,7 @@ input[type="text"]:focus {
} }
.radio-group label { .radio-group label {
width: calc(25% - 10px); flex: 1;
margin: 5px;
padding: 10px; padding: 10px;
text-align: center; text-align: center;
cursor: pointer; cursor: pointer;