diff --git a/api/templates/index.html b/api/templates/index.html
index f2147bf..d7fa8f3 100644
--- a/api/templates/index.html
+++ b/api/templates/index.html
@@ -98,6 +98,11 @@
background-color: #161616;
color: white;
}
+
+ .topnav a:focus {
+ background-color: #161616;
+ color: white;
+ }
@@ -169,7 +174,7 @@
Paste File
-
+
@@ -237,6 +242,9 @@ Paste File
$("#copyFormDiv").show();
$('#uploadFormDiv').hide();
$('#downloadFormDiv').hide();
+ $('#copy').addClass('active');
+ $('#upload').removeClass('active');
+ $('#download').removeClass('active');
$('.progress-bar').removeClass('is-active');
$('.success').removeClass('is-active');
$('.qr-code').removeClass('is-active');
@@ -247,6 +255,9 @@ Paste File
$("#uploadFormDiv").show();
$('#copyFormDiv').hide();
$('#downloadFormDiv').hide();
+ $('#upload').addClass('active');
+ $('#copy').removeClass('active');
+ $('#download').removeClass('active');
$('.progress-bar').removeClass('is-active');
$('.success').removeClass('is-active');
$('.qr-code').removeClass('is-active');
@@ -257,6 +268,9 @@ Paste File
$("#downloadFormDiv").show();
$('#copyFormDiv').hide();
$('#uploadFormDiv').hide();
+ $('#download').addClass('active');
+ $('#copy').removeClass('active');
+ $('#upload').removeClass('active');
$('.progress-bar').removeClass('is-active');
$('.success').removeClass('is-active');
$('.qr-code').removeClass('is-active');