style: enhance dropdown padding for improved readability in apps section

Author: Admin9705

frontend/static/css/app-select-fix.css

@@ -0,0 +1,10 @@
+/* Fix for Apps dropdown text padding */
+#appsAppSelect {
+    padding-left: 20px !important; /* Add more padding to the left to match the logs dropdown */
+    text-align: left !important; /* Ensure text is left-aligned */
+}
+
+/* This ensures the text doesn't appear too close to the left edge */
+#appsAppSelect option {
+    padding-left: 10px;
+}

frontend/templates/components/apps_section.html

@@ -1,16 +1,22 @@
+<style>
+    /* Style for apps dropdown to ensure the text has proper padding */
+    #appsAppSelect option {
+        padding-left: 10px;
+    }
+</style>
 <section id="appsSection" class="content-section">
     <div class="section-header">
         <div class="section-header-dropdown-container">
             <div class="log-dropdown" style="position: relative;">
-                <select id="appsAppSelect" class="styled-select">
-                    <option value="sonarr">Sonarr</option>
-                    <option value="radarr">Radarr</option>
-                    <option value="lidarr">Lidarr</option>
-                    <option value="readarr">Readarr</option>
-                    <option value="whisparr">Whisparr V2</option>
-                    <option value="eros">Whisparr V3</option>
-                    <option value="swaparr">Swaparr</option>
-                    <option value="cleanuperr">Cleanuperr</option>
+                <select id="appsAppSelect" class="styled-select" style="padding-left: 20px !important; text-align: left !important;">
+                    <option value="sonarr" style="padding-left: 10px;">Sonarr</option>
+                    <option value="radarr" style="padding-left: 10px;">Radarr</option>
+                    <option value="lidarr" style="padding-left: 10px;">Lidarr</option>
+                    <option value="readarr" style="padding-left: 10px;">Readarr</option>
+                    <option value="whisparr" style="padding-left: 10px;">Whisparr V2</option>
+                    <option value="eros" style="padding-left: 10px;">Whisparr V3</option>
+                    <option value="swaparr" style="padding-left: 10px;">Swaparr</option>
+                    <option value="cleanuperr" style="padding-left: 10px;">Cleanuperr</option>
                 </select>
             </div>