enhancement - cleaner UI for resize panel

This commit is contained in:
jdescottes 2015-02-05 02:16:25 +01:00
parent d7fef0f88b
commit 2aa87b5fac
3 changed files with 18 additions and 4 deletions

View file

@ -0,0 +1,8 @@
.resize-section-title {
display: inline-block;
width: 25%;
}
.resize-content-checkbox {
margin-left: 0;
}

View file

@ -9,6 +9,7 @@
"css/settings.css",
"css/settings-export.css",
"css/settings-import.css",
"css/settings-resize.css",
"css/tools.css",
"css/icons.css",
"css/cheatsheet.css",

View file

@ -5,12 +5,17 @@
<div class="settings-item">
<form action="" method="POST" name="resize-form">
<div class="resize-section">
<span class="resize-section-title resize-section-title-small">Size :</span>
<input type="text" class="textfield resize-size-field" name="resize-width"/>x
<input type="text" class="textfield resize-size-field" name="resize-height"/>
<span class="resize-section-title">Width</span>
<input type="text" class="textfield resize-size-field" name="resize-width"/>
<span>px</span>
</div>
<div class="resize-section">
<span class="resize-section-title resize-section-title-small">Resize canvas content : </span>
<span class="resize-section-title">Height</span>
<input type="text" class="textfield resize-size-field" name="resize-height"/>
<span>px</span>
</div>
<div class="resize-section">
<span class="resize-section-title">Resize</span>
<input type="checkbox" class="resize-content-checkbox" name="resize-content-checkbox" value="true"/>
</div>
<input type="submit" class="button button-primary resize-button" value="Resize" />