fix: Centering on mobile UI

This commit is contained in:
SinTan1729 2024-03-18 16:02:45 -05:00
parent 3be2862e9f
commit b66086be38
No known key found for this signature in database
GPG Key ID: EB3E68BFBA25C85F

View File

@ -29,13 +29,20 @@ table tr td div {
} }
td[name="deleteBtn"] { td[name="deleteBtn"] {
text-align: center; display: flex;
align-items: center;
justify-content: center;
} }
td[name="deleteBtn"] button { td[name="deleteBtn"] button {
border-radius: 50%; border-radius: 50%;
aspect-ratio: 1;
border-style: solid; border-style: solid;
cursor: pointer; cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
background-color: transparent; background-color: transparent;
} }
@ -102,6 +109,7 @@ dialog form {
table td { table td {
display: flex; display: flex;
justify-content: left !important;
} }
table td::before { table td::before {
@ -112,7 +120,13 @@ dialog form {
text-align: left; text-align: left;
} }
td[name="deleteBtn"] button {
border-radius: 50%;
aspect-ratio: 1;
}
.pure-table caption { .pure-table caption {
padding-top: 0px; padding-top: 0px;
} }
} }