/* self-hosting.css */

.db-table-container {
    /* Setzt die maximale Breite des Containers, z.B. 100% der Elternelemente */
    max-width: 100%;

    /* Ermöglicht horizontales Scrollen, wenn der Inhalt (die Tabelle) breiter ist als der Container */
    overflow-x: auto;

    /* Optionale Optimierung für eine bessere Darstellung der Scrollleiste */
    -webkit-overflow-scrolling: touch;
}

div.self-hosting table.db-table {
    border-collapse: collapse; /* Wichtig, damit border-spacing funktioniert */
    margin-bottom: 1em;
}

div.self-hosting table.db-table th,
div.self-hosting table.db-table td {
    border: 1px solid black;
    padding: 0.5em;
}
div.self-hosting table.db-table th {
    text-align: left;
}

div.self-hosting.requirements ul li:not(:last-child) {
  margin-bottom: 1em;
}