diff --git a/css/style.css b/css/style.css
index 0e8b019..a73fa21 100644
--- a/css/style.css
+++ b/css/style.css
@@ -168,7 +168,7 @@ h1 a {
text-decoration: inherit;
}
-button {
+button, .fileLabel > strong {
transition-duration: 0.2s;
transition-timing-function: cubic-bezier(0.25, 0.5, 0.5, 1);
position: relative;
@@ -196,11 +196,23 @@ button:disabled {
cursor: default;
}
-button:hover:enabled {
+button:hover:enabled, .fileLabel > strong:hover {
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25), 0px 0px 4px rgba(0, 0, 0, 0.125);
background-color: #5dbe3c;
}
+.matchPercent {
+ font-size: 15px;
+ font-style: italic;
+ color: red;
+}
+
+li > button {
+ height: 24px;
+ padding: 0 7px;
+ line-height: 0;
+}
+
.patches {
margin: 1em auto;
}
diff --git a/js/dllpatcher.js b/js/dllpatcher.js
index 52d7a07..a1d83d1 100644
--- a/js/dllpatcher.js
+++ b/js/dllpatcher.js
@@ -182,8 +182,18 @@ DllPatcherContainer.prototype.createUI = function () {
var supportedDlls = $("
");
var versions = this.getSupportedVersions();
+ this.forceLoadTexts = [];
+ this.forceLoadButtons = [];
for (var i = 0; i < versions.length; i++) {
- $("- ").text(versions[i]).appendTo(supportedDlls);
+ var listItem = $("
- ");
+ $('').text(versions[i]).appendTo(listItem);
+ var matchPercent = $('').addClass('matchPercent');
+ this.forceLoadTexts.push(matchPercent);
+ matchPercent.appendTo(listItem);
+ var forceButton = $('