Adjust CSS on playground

This commit is contained in:
yhirose 2022-06-03 22:39:49 -04:00
parent a2c058d47a
commit 5e9ca02b3c
2 changed files with 8 additions and 1 deletions

View File

@ -23,7 +23,7 @@
<div id="code-info" class="editor-info"></div> <div id="code-info" class="editor-info"></div>
</div> </div>
<div class="editor-container"> <div class="editor-container">
<ul class="editor-header"> <ul class="editor-header right-align">
<li class="option"><span><input id="packrat" type="checkbox"><label>Packrat</label></span></li> <li class="option"><span><input id="packrat" type="checkbox"><label>Packrat</label></span></li>
<li class="option"><span><input id="auto-refresh" type="checkbox"><label>Auto Refresh</label><button id="parse" class="parse">Parse</button></span></li> <li class="option"><span><input id="auto-refresh" type="checkbox"><label>Auto Refresh</label><button id="parse" class="parse">Parse</button></span></li>
</ul> </ul>

View File

@ -42,6 +42,9 @@ body {
.editor-header > li.validation-indicator { .editor-header > li.validation-indicator {
margin-left: auto; margin-left: auto;
} }
.editor-header.right-align {
margin-left: auto;
}
.editor-validation { .editor-validation {
padding: 9px 11px; padding: 9px 11px;
color: green; color: green;
@ -75,10 +78,14 @@ body {
.option { .option {
margin-right: 12px; margin-right: 12px;
} }
.option:last-child {
margin-right: 0;
}
.option > span > * { .option > span > * {
margin-right: 8px; margin-right: 8px;
} }
.option .parse { .option .parse {
cursor: pointer; cursor: pointer;
padding: 9px 11px; padding: 9px 11px;
margin-right: 0;
} }