release: fix minor ui issues for checkbox containers

This commit is contained in:
juliandescottes 2017-10-22 00:32:17 +02:00 committed by Julian Descottes
parent 80001eab0e
commit 3dd72f9781
4 changed files with 13 additions and 5 deletions

View file

@ -52,7 +52,12 @@ body {
}
.checkbox-fix {
margin-left: 0;
margin: 3px 3px 3px 0;
}
.checkbox-container {
display: flex;
align-items: center;
}
.hidden {

View file

@ -11,7 +11,10 @@
</div>
<div class="export-panel-section export-panel-row">
<input id="gif-repeat-checkbox" class="gif-repeat-checkbox checkbox-fix" type="checkbox" />
<label for="gif-repeat-checkbox">Loop repeatedly</label>
<label for="gif-repeat-checkbox"
title="Uncheck to play the animation only one time."
rel="tooltip"
data-placement="top">Loop repeatedly</label>
</div>
<div class="export-panel-section export-panel-row">
<button type="button" class="button button-primary gif-download-button">Download</button>

View file

@ -7,7 +7,7 @@
<input type="text" style="flex: 1;" class="zip-prefix-name textfield"
autocomplete="off" placeholder="PNG file prefix ...">
</div>
<div style="margin: 5px 0;">
<div class="checkbox-container" style="margin: 5px 0;">
<input id="zip-split-layers" class="zip-split-layers-checkbox checkbox-fix" type="checkbox" />
<label for="zip-split-layers">Split by layers</label>
</div>

View file

@ -17,13 +17,13 @@
<span>px</span>
</div>
<div class="resize-section">
<label>
<label class="checkbox-container">
<input type="checkbox" class="resize-ratio-checkbox checkbox-fix" value="true"/>
<span>Maintain aspect ratio</span>
</label>
</div>
<div class="resize-section">
<label>
<label class="checkbox-container">
<input type="checkbox" class="resize-content-checkbox checkbox-fix" value="true"/>
<span>Resize canvas content</span>
</label>