More styling changes.

Tables should look better on mobile now.
Don't show table column selector on mobile sizes.
Show more important columns on mobile.
This commit is contained in:
Tim 2015-07-19 15:04:17 +02:00
commit 63f45d285d
10 changed files with 76 additions and 38 deletions

View file

@ -13,10 +13,10 @@
<div class='row-fluid'>
<div class='span12'>
<div class='table-card-back'>
<div style="float: left;">
<div class="header-bar">
<h2><i class="fa fa-cog"></i> Settings</h2>
</div>
<div style="float: right;" class="button-bar">
<div class="button-bar">
% if config['check_github']:
<button id="menu_link_update_check" class="rounded"><i class="fa fa-arrow-circle-up"></i> Check for Updates</button>
% endif
@ -123,7 +123,7 @@
</div>
</div>
</div>
<input type="button" class="btn btn-medium btn-primary save-button" value="Save" data-success="Changes saved successfully">
<input type="button" class="rounded rounded-primary save-button" value="Save" data-success="Changes saved successfully">
</div>
<div role="tabpanel" class="tab-pane" id="tabs-2">
@ -183,7 +183,7 @@
<p class="help-block">Port that Plex Media Server is listening on.</p>
</div>
<input type="hidden" id="pms_identifier" name="pms_identifier" value="${config['pms_identifier']}">
<a class="btn btn-default btn-sm" id="verify-plex-server" href="javascript:void(0)" role="button">Verify</a><span style="margin-left: 10px; display: none;" id="pms-verify-status"></span>
<a class="rounded" id="verify-plex-server" href="javascript:void(0)" role="button">Verify</a><span style="margin-left: 10px; display: none;" id="pms-verify-status"></span>
</fieldset>
</div>
<div class="span4">
@ -220,7 +220,7 @@
</div>
</div>
</div>
<input type="button" class="btn btn-medium btn-primary save-button" value="Save" data-success="Changes saved successfully">
<input type="button" class="rounded rounded-primary save-button" value="Save" data-success="Changes saved successfully">
</div>
<div role="tabpanel" class="tab-pane" id="tabs-3">
@ -363,7 +363,7 @@
</div>
</div>
<br/>
<input type="button" class="btn btn-medium btn-primary save-button" value="Save" data-success="Changes saved successfully">
<input type="button" class="rounded rounded-primary save-button" value="Save" data-success="Changes saved successfully">
</div>
<div role="tabpanel" class="tab-pane" id="tabs-5">
@ -656,7 +656,7 @@
</div>
<br/>
</div>
<input type="button" class="btn btn-medium btn-primary save-button" value="Save" data-success="Changes saved successfully">
<input type="button" class="rounded rounded-primary save-button" value="Save" data-success="Changes saved successfully">
</div>
</div>
</div>
@ -815,7 +815,7 @@
</div>
<div class="modal-footer">
<div class="">
<input type="button" id="get-pms-auth-token" class="btn btn-primary" value="Fetch Token">
<input type="button" id="get-pms-auth-token" class="rounded rounded-primary" value="Fetch Token">
<span id="pms-token-status"></span>
</div>
</div>