Improve design for mobile
This commit is contained in:
parent
18d23c771a
commit
dbe3caadb3
5 changed files with 16 additions and 18 deletions
|
@ -75,15 +75,17 @@
|
|||
|
||||
{% block middle_content %}
|
||||
<center><h2>{{content_title}}</h2></center>
|
||||
{{_("Sort by")}}:
|
||||
<div>
|
||||
<select id="sortSelect">
|
||||
<option value="username">{{_("Username")}}</option>
|
||||
<option value="total">{{_("Score")}}</option>
|
||||
</select>
|
||||
<input type="text" id="search-input" placeholder="{{_('Search')}}" autofocus>
|
||||
<div style="margin-top: 0.5em;">
|
||||
{{_("Sort by")}}:
|
||||
<div style="margin-top: 0.5em;">
|
||||
<select id="sortSelect">
|
||||
<option value="username">{{_("Username")}}</option>
|
||||
<option value="total">{{_("Score")}}</option>
|
||||
</select>
|
||||
<input type="text" id="search-input" placeholder="{{_('Search')}}" autofocus>
|
||||
</div>
|
||||
</div>
|
||||
<div style="overflow-x: auto; margin-top: 1em">
|
||||
<div style="overflow-x: auto; margin-top: 1em; clear: both;">
|
||||
<table class="table striped" id="users-table">
|
||||
<thead>
|
||||
<tr>
|
||||
|
|
|
@ -3,12 +3,10 @@
|
|||
|
||||
{% block three_col_media %}
|
||||
<style>
|
||||
@media (min-width: 800px) {
|
||||
.middle-content {
|
||||
min-width: 96%;
|
||||
max-width: 96%;
|
||||
margin-left: 2%;
|
||||
}
|
||||
.middle-content {
|
||||
min-width: 96%;
|
||||
max-width: 96%;
|
||||
margin-left: 2%;
|
||||
}
|
||||
</style>
|
||||
{% block two_col_media %}{% endblock %}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue