import os
import glob

def fix_padding(directory):
    for root, dirs, files in os.walk(directory):
        for file in files:
            if file.endswith('.html'):
                filepath = os.path.join(root, file)
                with open(filepath, 'r', encoding='utf-8') as f:
                    content = f.read()
                
                # Replace p-5 with p-4 p-md-5 for better mobile spacing
                new_content = content.replace(' p-5 ', ' p-4 p-md-5 ')
                new_content = new_content.replace('"p-5 ', '"p-4 p-md-5 ')
                new_content = new_content.replace(' p-5"', ' p-4 p-md-5"')
                new_content = new_content.replace('"p-5"', '"p-4 p-md-5"')
                
                # Replace px-5 with px-3 px-md-5
                new_content = new_content.replace(' px-5 ', ' px-3 px-md-5 ')
                new_content = new_content.replace('"px-5 ', '"px-3 px-md-5 ')
                new_content = new_content.replace(' px-5"', ' px-3 px-md-5"')
                new_content = new_content.replace('"px-5"', '"px-3 px-md-5"')
                
                if new_content != content:
                    with open(filepath, 'w', encoding='utf-8') as f:
                        f.write(new_content)
                    print(f"Updated {filepath}")

fix_padding('d:/botany/templates/')

# Update botanical.css
css_path = 'd:/botany/static/css/botanical.css'
with open(css_path, 'r', encoding='utf-8') as f:
    css = f.read()

responsive_css = """
@media (max-width: 768px) {
    .b-card {
        padding: 20px !important;
        border-radius: 16px !important;
    }
    .stat-card .stat-number {
        font-size: 2.5rem !important;
    }
    .dashboard-header {
        padding: 20px !important;
    }
    h1.display-5 {
        font-size: 2rem !important;
    }
    h1.display-1 {
        font-size: 3rem !important;
    }
}
"""
if "@media (max-width: 768px)" not in css:
    with open(css_path, 'a', encoding='utf-8') as f:
        f.write("\n" + responsive_css)
    print("Updated botanical.css")