Update app.py

app.py

@@ -72,25 +72,30 @@ html, body, .stApp {
         width: 475px !important;
         height: 667px !important;
         margin: 0 auto !important;
-        padding: 15px 1px !important;
+        padding: 15px 0 !important;  /* تغییر از 1px به 0 */
         border: 12px solid #000 !important;
         border-radius: 40px !important;
-        box-shadow: 0 0 0 6px #666, 
-                    0 0 30px rgba(0,0,0,0.5) !important;
-        position: relative !important;
-        overflow: hidden !important;
+        box-shadow: 0 0 0 6px #666, 0 0 30px rgba(0,0,0,0.5) !important;
         background-color: var(--background) !important;
+        overflow: hidden !important;
     }
-@media (min-width: 768px) {
-    /* حذف کامل پدینگ جانبی برای تمام سطوح */
-    [data-testid="stAppViewContainer"],
+    
+    /* اضافه کردن این بخش جدید */
     [data-testid="stAppViewContainer"] > div,
-    [data-testid="stAppViewContainer"] > div > div,
-    [data-testid="stVerticalBlock"] > div:not([data-testid="stHorizontalBlock"]) {
+    [data-testid="stVerticalBlock"],
+    [data-testid="stHorizontalBlock"] {
         padding-left: 0 !important;
         padding-right: 0 !important;
+        margin-left: 0 !important;
+        margin-right: 0 !important;
     }
-   
+    
+    /* تنظیمات نقشه */
+    .folium-map {
+        width: calc(100% + 24px) !important;
+        margin-left: -12px !important;
+    }
+}
     /* دکمه هوم مجازی */
     [data-testid="stAppViewContainer"]::after {
         content: "";
@@ -115,7 +120,7 @@ html, body, .stApp {
 [data-testid="stAppViewContainer"] {
     background-color: var(--background) !important;
     color: var(--text) !important;
-    padding: 10px 1px !important;
+    padding: 10px !important;
 }
 
 /* تنظیمات اصلی */
@@ -543,44 +548,6 @@ h3 {
 </style>
 """, unsafe_allow_html=True)
 
-st.components.v1.html("""
-<script>
-setTimeout(() => {
-    const forceRemoveSidePadding = () => {
-        const containers = [
-            ...document.querySelectorAll('[data-testid="stAppViewContainer"], [data-testid="stAppViewContainer"] > div, [data-testid="stVerticalBlock"]'),
-            ...document.querySelectorAll('.stMarkdown, .stTextInput, .stNumberInput, .stSelectbox, .stButton')
-        ];
-        
-        containers.forEach(el => {
-            el.style.paddingLeft = '0';
-            el.style.paddingRight = '0';
-            el.style.marginLeft = '0';
-            el.style.marginRight = '0';
-        });
-        
-        // تنظیمات ویژه برای نقشه
-        const maps = document.querySelectorAll('.folium-map');
-        maps.forEach(map => {
-            map.style.width = '100%';
-            map.style.marginLeft = '0';
-            map.style.marginRight = '0';
-        });
-    };
-    
-    // اجرای اولیه
-    forceRemoveSidePadding();
-    
-    // اجرای مجدد پس از تغییرات دینامیک
-    new MutationObserver(forceRemoveSidePadding).observe(document.body, {
-        childList: true,
-        subtree: true
-    });
-}, 100);
-</script>
-""")
-
-
 # ========== توابع اصلی ==========
 def create_ride_map():
     """ایجاد نقشه سفر با Folium - نسخه اصلاح شده با مناطق عمومی"""