A few quick frontend tweaks

This commit is contained in:
Cryptkeeper 2016-03-06 01:27:47 -06:00
parent ec49a2c07e
commit ea5fa03d37
2 changed files with 13 additions and 6 deletions

@ -146,7 +146,11 @@ a {
.server > .column > .rank { .server > .column > .rank {
width: 64px; width: 64px;
padding-top: 3px; padding-top: 4px;
}
.server > .column > .url {
font-size: 16px;
} }
.server > .column > h3 > .type { .server > .column > h3 > .type {
@ -158,14 +162,14 @@ a {
} }
.server > .column > .versions { .server > .column > .versions {
min-height: 22px; min-height: 23px;
padding-bottom: 3px; padding-bottom: 1px;
} }
.server > .column > .versions > .version { .server > .column > .versions > .version {
padding: 1px 5px; padding: 1px 5px;
border-radius: 2px; border-radius: 2px;
border: 1px solid #A09E9E; border: 1px solid #636363;
font-size: 12px; font-size: 12px;
} }

@ -21,14 +21,17 @@ var sortServersTask;
function updateServerStatus(lastEntry) { function updateServerStatus(lastEntry) {
var info = lastEntry.info; var info = lastEntry.info;
var div = $('#status_' + safeName(info.name)); var div = $('#status_' + safeName(info.name));
var versionDiv = $('#version_' + safeName(info.name)); var versionDiv = $('#version_' + safeName(info.name));
if (lastEntry.versions) { if (lastEntry.versions) {
var versions = ''; var versions = '';
for (var i = 0; i < lastEntry.versions.length; i++) { for (var i = 0; i < lastEntry.versions.length; i++) {
versions += '<span class="version">' + mcVersions[lastEntry.info.type][lastEntry.versions[i]] + '</span>&nbsp;'; versions += '<span class="version">' + mcVersions[lastEntry.info.type][lastEntry.versions[i]] + '</span>&nbsp;';
} }
versionDiv.html(versions); versionDiv.html(versions);
} else { } else {
versionDiv.html(''); versionDiv.html('');
@ -347,8 +350,8 @@ $(document).ready(function() {
</div>\ </div>\
<div class="column" style="width: 220px;">\ <div class="column" style="width: 220px;">\
<h3>' + info.name + '&nbsp;<span class="type">' + info.type + '</span></h3>\ <h3>' + info.name + '&nbsp;<span class="type">' + info.type + '</span></h3>\
<span class="color-gray">' + info.ip + '</span>\ <span class="color-gray url">' + info.ip + '</span>\
<div id="version_' + safeName(info.name) + '" class="versions"></div>\ <div id="version_' + safeName(info.name) + '" class="versions"><span class="version"></span></div>\
<span id="status_' + safeName(info.name) + '">Waiting</span>\ <span id="status_' + safeName(info.name) + '">Waiting</span>\
</div>\ </div>\
<div class="column" style="float: right;">\ <div class="column" style="float: right;">\