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. * THE SOFTWARE.
*/ */
.preferences .mouse-mode .choices {
text-align: center;
}
.preferences .mouse-mode .choice {
display: inline-block;
}
.preferences .mouse-mode .choice .figure { .preferences .mouse-mode .choice .figure {
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
@@ -33,3 +41,7 @@
max-width: 320px; max-width: 320px;
margin: 1em auto; 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> <h2 class="header">{{'SETTINGS_PREFERENCES.SECTION_HEADER_DEFAULT_INPUT_METHOD' | translate}}</h2>
<div class="settings section input-method"> <div class="settings section input-method">
<p>{{'SETTINGS_PREFERENCES.HELP_DEFAULT_INPUT_METHOD' | translate}}</p> <p>{{'SETTINGS_PREFERENCES.HELP_DEFAULT_INPUT_METHOD' | translate}}</p>
<div class="choices">
<!-- No IME --> <!-- No IME -->
<div class="choice"> <div class="choice">
@@ -73,11 +74,13 @@
</div> </div>
</div> </div>
</div>
<!-- Mouse mode --> <!-- Mouse mode -->
<h2 class="header">{{'SETTINGS_PREFERENCES.SECTION_HEADER_DEFAULT_MOUSE_MODE' | translate}}</h2> <h2 class="header">{{'SETTINGS_PREFERENCES.SECTION_HEADER_DEFAULT_MOUSE_MODE' | translate}}</h2>
<div class="settings section mouse-mode"> <div class="settings section mouse-mode">
<p>{{'SETTINGS_PREFERENCES.HELP_DEFAULT_MOUSE_MODE' | translate}}</p> <p>{{'SETTINGS_PREFERENCES.HELP_DEFAULT_MOUSE_MODE' | translate}}</p>
<div class="choices">
<!-- Touchscreen --> <!-- Touchscreen -->
<div class="choice"> <div class="choice">
@@ -98,5 +101,6 @@
</div> </div>
</div> </div>
</div>
</div> </div>