GUAC-1053: Clean up display of mouse modes.

This commit is contained in:
Michael Jumper
2015-04-19 22:04:48 -07:00
parent dde1cda2d9
commit 0785db0953
2 changed files with 47 additions and 31 deletions

View File

@@ -20,6 +20,14 @@
* THE SOFTWARE.
*/
.preferences .mouse-mode .choices {
text-align: center;
}
.preferences .mouse-mode .choice {
display: inline-block;
}
.preferences .mouse-mode .choice .figure {
display: inline-block;
vertical-align: middle;
@@ -33,3 +41,7 @@
max-width: 320px;
margin: 1em auto;
}
.preferences .mouse-mode .caption {
text-align: left;
}

View File

@@ -53,6 +53,7 @@
<h2 class="header">{{'SETTINGS_PREFERENCES.SECTION_HEADER_DEFAULT_INPUT_METHOD' | translate}}</h2>
<div class="settings section input-method">
<p>{{'SETTINGS_PREFERENCES.HELP_DEFAULT_INPUT_METHOD' | translate}}</p>
<div class="choices">
<!-- No IME -->
<div class="choice">
@@ -73,11 +74,13 @@
</div>
</div>
</div>
<!-- Mouse mode -->
<h2 class="header">{{'SETTINGS_PREFERENCES.SECTION_HEADER_DEFAULT_MOUSE_MODE' | translate}}</h2>
<div class="settings section mouse-mode">
<p>{{'SETTINGS_PREFERENCES.HELP_DEFAULT_MOUSE_MODE' | translate}}</p>
<div class="choices">
<!-- Touchscreen -->
<div class="choice">
@@ -98,5 +101,6 @@
</div>
</div>
</div>
</div>