Mobile Styling and Input protection

2 files changed, 14 insertions, 2 deletions

diff --git a/css/main.css b/css/main.css
index 5e924e1..1a2aacc 100644
--- a/css/main.css
+++ b/css/main.css
@@ -23,6 +23,14 @@ small {
     color: rgb(190,190,190);
 }
 
+nav .navbar-brand {
+    margin-right: 0;
+}
+
+nav h2 {
+    margin-bottom: 0;
+}
+
 nav small {
     color: rgb(190,190,190);
     font-size: 0.7em;
diff --git a/js/main.js b/js/main.js
index 8dd9799..ff34e77 100644
--- a/js/main.js
+++ b/js/main.js
@@ -51,8 +51,12 @@ $(document).ready(() => {
 });
 
 function connectToPlex() {
-    plexUrl = $("#plexUrl").val();
-    plexToken = $("#plexToken").val();
+    plexUrl = $("#plexUrl").val().trim();
+    plexToken = $("#plexToken").val().trim();
+
+    if (plexUrl.toLowerCase().indexOf("http") < 0) {
+        plexUrl = `http://${plexUrl}`
+    }
 
     $.ajax({
         "url": `${plexUrl}/library/sections/`,