From bdfb47690322a5bd79bb0255aafc612ea5a7af14 Mon Sep 17 00:00:00 2001
From: TheBeastLT <pauliox@beyond.lt>
Date: Thu, 27 Apr 2023 14:39:18 +0200
Subject: [PATCH] improve configure page

---
 addon/lib/landingTemplate.js | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/addon/lib/landingTemplate.js b/addon/lib/landingTemplate.js
index 927928b..f2f3ee4 100644
--- a/addon/lib/landingTemplate.js
+++ b/addon/lib/landingTemplate.js
@@ -167,7 +167,6 @@ button:active {
 }
 
 .input, .btn {
-  height: 3.8vh;
   width: 100%;
   margin: auto;
   margin-bottom: 10px;
@@ -179,6 +178,11 @@ button:active {
   background-color: rgb(255, 255, 255);
   box-shadow: 0 0.5vh 1vh rgba(0, 0, 0, 0.2);
 }
+
+.input:focus, .btn:focus {
+  outline: none; 
+  box-shadow: 0 0 0 2pt rgb(30, 144, 255, 0.7);
+}
 `;
 const { Providers } = require('./filter');
 const { SortOptions } = require('./sort');
@@ -209,7 +213,7 @@ function landingTemplate(manifest, config = {}) {
   const background = manifest.background || 'https://dl.strem.io/addon-background.jpg';
   const logo = manifest.logo || 'https://dl.strem.io/addon-logo.png';
   const providersHTML = Providers.options
-      .map(provider => `<option value="${provider.key}">${provider.foreign || ''}${provider.label}</option>`)
+      .map(provider => `<option value="${provider.key}">${provider.foreign ? provider.foreign + ' ' : ''}${provider.label}</option>`)
       .join('\n');
   const sortOptionsHTML = Object.values(SortOptions.options)
       .map((option, i) => `<option value="${option.key}" ${i === 0 ? 'selected' : ''}>${option.description}</option>`)