fix: link-button - styles applied on the right elements
This commit is contained in:
@ -31,3 +31,27 @@ main#content {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
|
||||
/* Fix on Join button in admin (circles + projects) */
|
||||
/* Styles on buttons and .children-link don't work because this input is inside too many elements. */
|
||||
/* And no I can't add that stupid icon because it'a an input. */
|
||||
.join-button {
|
||||
|
||||
input {
|
||||
padding: 9px 20px;
|
||||
border-radius: 16.5px;
|
||||
height: 33px;
|
||||
text-decoration: none;
|
||||
font-weight: bold;
|
||||
text-transform: uppercase;
|
||||
background-color: var(--color-secondary);
|
||||
color: white;
|
||||
border: 1px solid var(--color-secondary);
|
||||
|
||||
&:hover {
|
||||
background: white;
|
||||
color: var(--color-secondary);
|
||||
}
|
||||
}
|
||||
}
|
Reference in New Issue
Block a user