|
|
@@ -240,7 +240,7 @@ input[type="checkbox"] {
|
|
|
button {
|
|
|
border-radius: 100vmax;
|
|
|
padding-block: 0.25rem;
|
|
|
- border: 1px solid var(--highlight);
|
|
|
+ border: none;
|
|
|
transition: background-color 100ms;
|
|
|
}
|
|
|
|
|
|
@@ -339,7 +339,7 @@ button.color-select:hover {
|
|
|
fix the vertical centering of the cluster buttons */
|
|
|
margin-block-start: var(--tile-block-padding);
|
|
|
margin-inline-start: 0.5ch;
|
|
|
- padding-inline: 0.25ch;
|
|
|
+ padding: var(--gap) 0.25ch;
|
|
|
border-radius: var(--tile-border-radius);
|
|
|
background-color: var(--shadow);
|
|
|
box-shadow: 0px 0px 8px var(--shadow);
|
|
|
@@ -400,7 +400,6 @@ button.color-select:hover {
|
|
|
|
|
|
padding: var(--tile-block-padding) 0.5ch;
|
|
|
border-radius: var(--tile-border-radius);
|
|
|
- border: 1px solid var(--background);
|
|
|
box-shadow: 2px 2px 2px var(--shadow);
|
|
|
background-color: var(--highlight);
|
|
|
color: var(--background);
|
