Update static/static.py

static/static.py

@@ -24,26 +24,26 @@ HTML = """
             display: flex;
             align-items: center;
             justify-content: center;
-            overflow-y: auto; /* Allows vertical scrolling */
+            overflow-y: auto; /* Enables scrolling */
         }
         #addon {
             background: rgba(0, 0, 0, 0.8);
             padding: 2vh;
             border-radius: 10px;
-            width: 45vh;
-            max-width: 90%;
+            width: 45vh; /* Increased width to make the box larger */
+            max-width: 90%; /* Fit within mobile screens */
             text-align: center;
-            margin-top: 5vh;
+            margin-top: 5vh; /* Added margin to push the content down slightly */
         }
         .logo {
-            width: 15vh; /* Increased logo size */
+            width: 15vh; /* Increased size for better visibility */
             margin: 0 auto;
             margin-bottom: 3vh;
-            filter: drop-shadow(0 0 2vh rgba(0, 0, 0, 0.5)); /* Improved visibility */
         }
         .logo img {
             width: 100%;
             height: auto;
+            box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* Added shadow for better visibility */
         }
         h1, h2, h3 {
             margin: 0;
@@ -54,7 +54,7 @@ HTML = """
             font-weight: 700;
         }
         h2 {
-            font-size: 2vh;
+            font-size: 2vh; /* Reduced font size for a better fit */
             font-weight: normal;
             font-style: italic;
             opacity: 0.8;
@@ -76,12 +76,15 @@ HTML = """
         .provider-group label {
             display: flex;
             align-items: center;
-            font-size: 2.5vh;
+            font-size: 2.5vh; /* Increased font size for better clickability */
         }
         .provider-group input[type="checkbox"] {
             margin-right: 1.5vh;
             width: 3vh;
-            height: 3vh;
+            height: 3vh; /* Increased checkbox size */
+        }
+        .fast-search {
+            margin-left: auto; /* Pushes Fast Search to the right */
         }
         .contact {
             position: absolute;
@@ -108,7 +111,7 @@ HTML = """
             display: block;
             box-shadow: 0 0.5vh 1vh rgba(0, 0, 0, 0.2);
             transition: box-shadow 0.1s ease-in-out;
-            width: 80%;
+            width: 80%; /* Ensures buttons take the majority of the width */
             max-width: 35vh;
             margin: 1vh auto;
         }
@@ -160,6 +163,8 @@ HTML = """
             <div class="provider-group">
                 <label for="streamingcommunity">
                     <input type="checkbox" id="streamingcommunity"> StreamingCommunity
+                </label>
+                <label for="fast_search_sc" class="fast-search">
                     <input type="checkbox" id="fast_search_sc"> Fast Search
                 </label>
             </div>
@@ -176,6 +181,8 @@ HTML = """
             <div class="provider-group">
                 <label for="tantifilm">
                     <input type="checkbox" id="tantifilm"> Tantifilm
+                </label>
+                <label for="fast_search_tf" class="fast-search">
                     <input type="checkbox" id="fast_search_tf"> Fast Search
                 </label>
             </div>
@@ -224,12 +231,12 @@ HTML = """
         });
         document.getElementById('installButton').addEventListener('click', function() {
             let manifestUrl = generateManifest();
-            manifestUrl = manifestUrl.replace("http://", "");
-            const stremioUrl = "stremio://" + manifestUrl;
-            window.location.href = stremioUrl;
+            manifestUrl = manifestUrl.replace("{instance_url}", "http://localhost:1234");  // Replace with your local URL
+            window.location.href = manifestUrl;
         });
     </script>
 </body>
 </html>
 
+
 """