[GH-ISSUE #1132] [Bug Report] The printer card styling needs some love. Content overlaps their parent containe #811

New issue

Closed

opened 2026-05-06 12:33:05 +02:00 by BreizhHardware · 1 comment

BreizhHardware commented

2026-05-06 12:33:05 +02:00

Owner

Originally created by @maziggy on GitHub (Apr 25, 2026).
Original GitHub issue: https://github.com/maziggy/bambuddy/issues/1132

Originally assigned to: @maziggy on GitHub.

The printer card styling needs some love. Content overlaps their parent containers, text sizing is really small, AMS and external spool containers are weirdly streched sideways... I have added a screenshot from my phone, but these issues show on pc as well. A quality pass on the frontend css and its js would be greatly appreciated.

Screenshot

System Information

{
  "generated_at": "2026-04-25T23:34:24.972901",
  "app": {
    "version": "0.2.3.2",
    "debug_mode": false
  },
  "system": {
    "platform": "Linux",
    "platform_release": "6.12.62+rpt-rpi-v8",
    "platform_version": "#1 SMP PREEMPT Debian 1:6.12.62-1+rpt1 (2025-12-18)",
    "architecture": "aarch64",
    "python_version": "3.13.13"
  },
  "environment": {
    "docker": true,
    "data_dir": "/app/data",
    "log_dir": "/app/logs",
    "timezone": "Europe/Amsterdam"
  },
  "database": {
    "archives_total": 39,
    "archives_completed": 27,
    "printers_total": 1,
    "filaments_total": 0,
    "projects_total": 0,
    "smart_plugs_total": 0
  },
  "printers": [
    {
      "index": 1,
      "model": "P2S",
      "nozzle_count": 1,
      "is_active": true,
      "mqtt_connected": true,
      "state": "RUNNING",
      "firmware_version": "01.02.00.00",
      "wifi_signal": -51,
      "reachable": true,
      "ams_unit_count": 1,
      "ams_tray_count": 4,
      "has_vt_tray": true,
      "external_camera_configured": false,
      "plate_detection_enabled": false,
      "hms_error_count": 1,
      "developer_mode": true,
      "nozzle_rack_count": 1
    }
  ],
  "settings": {
    "advanced_auth_enabled": "false",
    "smtp_auth_enabled": "true",
    "auth_enabled": "true",
    "setup_completed": "true",
    "auto_archive": "true",
    "save_thumbnails": "true",
    "capture_finish_photo": "true",
    "default_filament_cost": "20.0",
    "currency": "EUR",
    "energy_cost_per_kwh": "0.25",
    "energy_tracking_mode": "print",
    "disable_filament_warnings": "false",
    "check_updates": "true",
    "check_printer_firmware": "true",
    "include_beta_updates": "false",
    "notification_language": "en",
    "bed_cooled_threshold": "35.0",
    "ams_humidity_good": "40",
    "ams_humidity_fair": "60",
    "ams_temp_good": "28.0",
    "ams_temp_fair": "35.0",
    "ams_history_retention_days": "30",
    "queue_drying_enabled": "false",
    "queue_drying_block": "false",
    "ambient_drying_enabled": "false",
    "drying_presets": "",
    "per_printer_mapping_expanded": "false",
    "date_format": "eu",
    "time_format": "24h",
    "default_printer_id": "1",
    "ftp_retry_enabled": "true",
    "ftp_retry_count": "3",
    "ftp_retry_delay": "2",
    "ftp_timeout": "30",
    "mqtt_enabled": "false",
    "mqtt_broker": "",
    "mqtt_port": "1883",
    "mqtt_username": "",
    "mqtt_password": "",
    "mqtt_topic_prefix": "bambuddy",
    "mqtt_use_tls": "false",
    "external_url": "[REDACTED]",
    "ha_enabled": "false",
    "ha_url": "",
    "ha_token": "",
    "library_archive_mode": "never",
    "library_disk_warning_gb": "5.0",
    "camera_view_mode": "window",
    "preferred_slicer": "orcaslicer",
    "prometheus_enabled": "false",
    "prometheus_token": "",
    "user_notifications_enabled": "true",
    "spoolman_enabled": "false",
    "spoolman_url": "",
    "spoolman_sync_mode": "auto",
    "spoolman_disable_weight_sync": "false",
    "spoolman_report_partial_usage": "true",
    "prefer_lowest_filament": "false",
    "default_bed_levelling": "true",
    "default_flow_cali": "false",
    "default_vibration_cali": "true",
    "default_layer_inspect": "false",
    "default_timelapse": "false",
    "stagger_group_size": "2",
    "stagger_interval_minutes": "5",
    "require_plate_clear": "false",
    "debug_logging_enabled": "false",
    "debug_logging_enabled_at": ""
  },
  "docker": {
    "container_memory_limit_bytes": null,
    "container_memory_limit_formatted": null,
    "network_mode_hint": "host"
  },
  "virtual_printers": [],
  "integrations": {
    "notification_providers": [],
    "spoolman": {
      "enabled": false,
      "reachable": false
    },
    "mqtt_relay": {
      "enabled": false,
      "connected": false,
      "broker": "",
      "port": 0,
      "topic_prefix": "bambuddy"
    },
    "spoolbuddy": {
      "device_count": 0,
      "online_count": 0,
      "devices": []
    },
    "homeassistant": {
      "enabled": false
    }
  },
  "database_health": {
    "backend": "sqlite",
    "journal_mode": "wal",
    "quick_check": "ok",
    "db_size_bytes": 1245184,
    "wal_size_bytes": 4120032
  },
  "dependencies": {
    "fastapi": "0.136.0",
    "uvicorn": "0.45.0",
    "pydantic": "2.13.3",
    "sqlalchemy": "2.0.49",
    "paho-mqtt": "2.1.0",
    "psutil": "7.2.2",
    "httpx": "0.28.1",
    "aiofiles": "25.1.0",
    "cryptography": "46.0.7",
    "opencv-python-headless": "4.13.0.92",
    "numpy": "2.4.4"
  },
  "log_file": {
    "size_bytes": 3277811,
    "size_formatted": "3.1 MB"
  },
  "network": {
    "interface_count": 1,
    "interfaces": [
      {
        "name": "wlan0",
        "subnet": "x.x.0.0/24"
      }
    ]
  },
  "websockets": {
    "active_connections": 1
  }
}

Logs (sanitized): bambuddy.log

Submitted via BamBuddy Bug Report

Originally created by @maziggy on GitHub (Apr 25, 2026). Original GitHub issue: https://github.com/maziggy/bambuddy/issues/1132 Originally assigned to: @maziggy on GitHub. The printer card styling needs some love. Content overlaps their parent containers, text sizing is really small, AMS and external spool containers are weirdly streched sideways... I have added a screenshot from my phone, but these issues show on pc as well. A quality pass on the frontend css and its js would be greatly appreciated. ### Screenshot ![Bug Report Screenshot](https://raw.githubusercontent.com/maziggy/bambuddy/bug-report-assets/screenshots/c5888d3c38444cc0b2d18bef95726b3f.png) <details> <summary>System Information</summary> ```json { "generated_at": "2026-04-25T23:34:24.972901", "app": { "version": "0.2.3.2", "debug_mode": false }, "system": { "platform": "Linux", "platform_release": "6.12.62+rpt-rpi-v8", "platform_version": "#1 SMP PREEMPT Debian 1:6.12.62-1+rpt1 (2025-12-18)", "architecture": "aarch64", "python_version": "3.13.13" }, "environment": { "docker": true, "data_dir": "/app/data", "log_dir": "/app/logs", "timezone": "Europe/Amsterdam" }, "database": { "archives_total": 39, "archives_completed": 27, "printers_total": 1, "filaments_total": 0, "projects_total": 0, "smart_plugs_total": 0 }, "printers": [ { "index": 1, "model": "P2S", "nozzle_count": 1, "is_active": true, "mqtt_connected": true, "state": "RUNNING", "firmware_version": "01.02.00.00", "wifi_signal": -51, "reachable": true, "ams_unit_count": 1, "ams_tray_count": 4, "has_vt_tray": true, "external_camera_configured": false, "plate_detection_enabled": false, "hms_error_count": 1, "developer_mode": true, "nozzle_rack_count": 1 } ], "settings": { "advanced_auth_enabled": "false", "smtp_auth_enabled": "true", "auth_enabled": "true", "setup_completed": "true", "auto_archive": "true", "save_thumbnails": "true", "capture_finish_photo": "true", "default_filament_cost": "20.0", "currency": "EUR", "energy_cost_per_kwh": "0.25", "energy_tracking_mode": "print", "disable_filament_warnings": "false", "check_updates": "true", "check_printer_firmware": "true", "include_beta_updates": "false", "notification_language": "en", "bed_cooled_threshold": "35.0", "ams_humidity_good": "40", "ams_humidity_fair": "60", "ams_temp_good": "28.0", "ams_temp_fair": "35.0", "ams_history_retention_days": "30", "queue_drying_enabled": "false", "queue_drying_block": "false", "ambient_drying_enabled": "false", "drying_presets": "", "per_printer_mapping_expanded": "false", "date_format": "eu", "time_format": "24h", "default_printer_id": "1", "ftp_retry_enabled": "true", "ftp_retry_count": "3", "ftp_retry_delay": "2", "ftp_timeout": "30", "mqtt_enabled": "false", "mqtt_broker": "", "mqtt_port": "1883", "mqtt_username": "", "mqtt_password": "", "mqtt_topic_prefix": "bambuddy", "mqtt_use_tls": "false", "external_url": "[REDACTED]", "ha_enabled": "false", "ha_url": "", "ha_token": "", "library_archive_mode": "never", "library_disk_warning_gb": "5.0", "camera_view_mode": "window", "preferred_slicer": "orcaslicer", "prometheus_enabled": "false", "prometheus_token": "", "user_notifications_enabled": "true", "spoolman_enabled": "false", "spoolman_url": "", "spoolman_sync_mode": "auto", "spoolman_disable_weight_sync": "false", "spoolman_report_partial_usage": "true", "prefer_lowest_filament": "false", "default_bed_levelling": "true", "default_flow_cali": "false", "default_vibration_cali": "true", "default_layer_inspect": "false", "default_timelapse": "false", "stagger_group_size": "2", "stagger_interval_minutes": "5", "require_plate_clear": "false", "debug_logging_enabled": "false", "debug_logging_enabled_at": "" }, "docker": { "container_memory_limit_bytes": null, "container_memory_limit_formatted": null, "network_mode_hint": "host" }, "virtual_printers": [], "integrations": { "notification_providers": [], "spoolman": { "enabled": false, "reachable": false }, "mqtt_relay": { "enabled": false, "connected": false, "broker": "", "port": 0, "topic_prefix": "bambuddy" }, "spoolbuddy": { "device_count": 0, "online_count": 0, "devices": [] }, "homeassistant": { "enabled": false } }, "database_health": { "backend": "sqlite", "journal_mode": "wal", "quick_check": "ok", "db_size_bytes": 1245184, "wal_size_bytes": 4120032 }, "dependencies": { "fastapi": "0.136.0", "uvicorn": "0.45.0", "pydantic": "2.13.3", "sqlalchemy": "2.0.49", "paho-mqtt": "2.1.0", "psutil": "7.2.2", "httpx": "0.28.1", "aiofiles": "25.1.0", "cryptography": "46.0.7", "opencv-python-headless": "4.13.0.92", "numpy": "2.4.4" }, "log_file": { "size_bytes": 3277811, "size_formatted": "3.1 MB" }, "network": { "interface_count": 1, "interfaces": [ { "name": "wlan0", "subnet": "x.x.0.0/24" } ] }, "websockets": { "active_connections": 1 } } ``` </details> **Logs (sanitized):** [bambuddy.log](https://raw.githubusercontent.com/maziggy/bambuddy/bug-report-assets/logs/5d6d7e30b24c46cf934d412c10433d47.log) --- *Submitted via BamBuddy Bug Report*