.crayon_mockup .button {
display: inline-block;
border-radius: 4px;
+ background: white;
box-shadow: 1px 1px 4px rgba(0,0,0,0.5);
}
.crayon_mockup .button + .button {
margin-left: 14px;
}
- .crayon_mockup .toolbar {
+ .crayon_mockup .toolbar, .crayon_mockup .tool_extra {
padding-bottom: 5px;
}
</style>
<body>
<h1>Crayon Mockup (working title)</h1>
<p>Instructions: click in multiple different places in the box below to draw.</p>
- <p>Tip: press <code>space</code> to stop drawing, or <code>o</code> to stop and close the loop.</p>
+ <p>Tip: hover over buttons below to see keyboard shortcuts</p>
<div class="crayon_mockup"></div>
</body>
</html>