Improve design for mobile

This commit is contained in:
anhkha2003 2024-10-03 01:50:21 -05:00
parent 18d23c771a
commit dbe3caadb3
5 changed files with 16 additions and 18 deletions

View file

@ -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>

View file

@ -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 %}