Web UI help page responsive on small screen

This commit is contained in:
Nicolas Hart 2015-07-28 21:54:38 +02:00
parent 7d09e4e179
commit 672a5fcedd

View File

@ -1,63 +1,63 @@
<div class="row">
<div class="col-sm-2 col-lg-10">{{help.version}} {{help.psutil_version}}</div>
<div class="col-sm-12 col-lg-12">{{help.version}} {{help.psutil_version}}</div>
</div>
<div class="row">&nbsp;</div>
<div class="row">
<div class="col-sm-2 col-lg-10">{{help.configuration_file}}</div>
<div class="col-sm-12 col-lg-12">{{help.configuration_file}}</div>
</div>
<div class="row">&nbsp;</div>
<div class="row">
<div class="col-sm-2 col-lg-3">{{help.sort_auto}}</div>
<div class="col-sm-2 col-lg-3">{{help.sort_network}}</div>
<div class="col-sm-6 col-lg-3">{{help.sort_auto}}</div>
<div class="col-sm-6 col-lg-3">{{help.sort_network}}</div>
</div>
<div class="row">
<div class="col-sm-2 col-lg-3">{{help.sort_cpu}}</div>
<div class="col-sm-2 col-lg-3">{{help.show_hide_alert}}</div>
<div class="col-sm-6 col-lg-3">{{help.sort_cpu}}</div>
<div class="col-sm-6 col-lg-3">{{help.show_hide_alert}}</div>
</div>
<div class="row">
<div class="col-sm-2 col-lg-3">{{help.show_mem}}</div>
<div class="col-sm-2 col-lg-3">{{help.delete_warning_alerts}}</div>
<div class="col-sm-6 col-lg-3">{{help.show_mem}}</div>
<div class="col-sm-6 col-lg-3">{{help.delete_warning_alerts}}</div>
</div>
<div class="row">
<div class="col-sm-2 col-lg-3">{{help.sort_proc}}</div>
<div class="col-sm-2 col-lg-3">{{help.delete_warning_critical_alerts}}</div>
<div class="col-sm-6 col-lg-3">{{help.sort_proc}}</div>
<div class="col-sm-6 col-lg-3">{{help.delete_warning_critical_alerts}}</div>
</div>
<div class="row">
<div class="col-sm-2 col-lg-3">{{help.sort_io}}</div>
<div class="col-sm-2 col-lg-3">{{help.percpu}}</div>
<div class="col-sm-6 col-lg-3">{{help.sort_io}}</div>
<div class="col-sm-6 col-lg-3">{{help.percpu}}</div>
</div>
<div class="row">
<div class="col-sm-2 col-lg-3">{{help.show_hide_help}}</div>
<div class="col-sm-2 col-lg-3">{{help.show_hide_diskio}}</div>
<div class="col-sm-6 col-lg-3">{{help.show_hide_help}}</div>
<div class="col-sm-6 col-lg-3">{{help.show_hide_diskio}}</div>
</div>
<div class="row">
<div class="col-sm-2 col-lg-3">{{help.view_network_io_combination}}</div>
<div class="col-sm-2 col-lg-3">{{help.view_cumulative_network}}</div>
<div class="col-sm-6 col-lg-3">{{help.view_network_io_combination}}</div>
<div class="col-sm-6 col-lg-3">{{help.view_cumulative_network}}</div>
</div>
<div class="row">
<div class="col-sm-2 col-lg-3">{{help.show_hide_network}}</div>
<div class="col-sm-2 col-lg-3">{{help.show_hide_filesytem_freespace}}</div>
<div class="col-sm-6 col-lg-3">{{help.show_hide_network}}</div>
<div class="col-sm-6 col-lg-3">{{help.show_hide_filesytem_freespace}}</div>
</div>
<div class="row">
<div class="col-sm-2 col-lg-3">{{help.show_hide_sensors}}</div>
<div class="col-sm-2 col-lg-3">{{help.generate_graphs}}</div>
<div class="col-sm-6 col-lg-3">{{help.show_hide_sensors}}</div>
<div class="col-sm-6 col-lg-3">{{help.generate_graphs}}</div>
</div>
<div class="row">
<div class="col-sm-2 col-lg-3">{{help.show_hide_left_sidebar}}</div>
<div class="col-sm-2 col-lg-3">{{help.reset_history}}</div>
<div class="col-sm-6 col-lg-3">{{help.show_hide_left_sidebar}}</div>
<div class="col-sm-6 col-lg-3">{{help.reset_history}}</div>
</div>
<div class="row">
<div class="col-sm-2 col-lg-3">{{help.enable_disable_process_stats}}</div>
<div class="col-sm-2 col-lg-3">{{help.quit}}</div>
<div class="col-sm-6 col-lg-3">{{help.enable_disable_process_stats}}</div>
<div class="col-sm-6 col-lg-3">{{help.quit}}</div>
</div>
<div class="row">
<div class="col-sm-2 col-lg-3">{{help.enable_disable_top_extends_stats}}</div>
<div class="col-sm-2 col-lg-3">{{help.enable_disable_short_processname}}</div>
<div class="col-sm-6 col-lg-3">{{help.enable_disable_top_extends_stats}}</div>
<div class="col-sm-6 col-lg-3">{{help.enable_disable_short_processname}}</div>
</div>
<div class="row">
<div class="col-sm-2 col-lg-3">{{help.enable_disable_docker}}</div>
<div class="col-sm-6 col-lg-3">{{help.enable_disable_docker}}</div>
</div>
<div class="row">&nbsp;</div>
<div class="row">
<div class="col-sm-2 col-lg-3">{{help.edit_pattern_filter}}</div>
<div class="col-sm-6 col-lg-3">{{help.edit_pattern_filter}}</div>
</div>