}
#button-list-container {
- background: linear-gradient(to bottom, hsl(222,4%,89%) 0%, hsl(0,0%,100%) 100%);
+ background: hsl(222,4%,92%);
display: flex;
flex-direction: column;
padding: 0.1ex;
#button-list-container > * {
margin: 0.5ex;
padding 0.1ex;
+ display: flex;
}
.icedeb-button {
border-radius: 5px;
cursor: pointer;
color: blue;
+ margin-right: 1em;
}
.icedeb-button:hover {
text-decoration: underline;
}
a, a:visited { color: blue; }
+.hints { margin-left: auto; margin-right: 0; }
+.hints .hint { display: inline-block; width: 1.8ex; text-align: center; margin: 0 0.2ex; cursor: default; }
+.hints .hint.b { background-color: hsl(312,100%,96%) }
+.hints .hint.p { background-color: hsl(120,100%,96%) }
+.hints .hint.m { background-color: hsl(240,100%,96%) }
+.hints .hint.i { background-color: hsl( 40,100%,96%) }