Fix buttons overflowing screen

This commit is contained in:
Phillip Kühne 2019-05-31 13:20:05 +02:00
parent 0de1c52535
commit 98baae4fee
2 changed files with 15 additions and 4 deletions

View File

@ -23,3 +23,14 @@ main {
/*line-height: 60px; /* Vertically center the text there */ /*line-height: 60px; /* Vertically center the text there */
background-color: #f5f5f5; background-color: #f5f5f5;
} }
.topbutton {
width: 100%;
}
@media (min-width: 768px) {
.topbutton {
width: auto;
}
}

View File

@ -6,10 +6,10 @@
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="card" style="width: 100%"> <div class="card" style="width: 100%">
<div class="card-body d-flex flex-row"> <div class="card-body">
<button type="button" class="btn btn-danger m-2" <button type="button" class="topbutton btn btn-danger"
onclick="confirmDeleteAllEntries()"><i class="fas fa-trash mr-2"></i>Alle Einträge löschen</button> onclick="confirmDeleteAllEntries()"><i class="fas fa-trash mr-2"></i>Alle Einträge löschen</button>
<button type="button" class="btn btn-danger m-2" <button type="button" class="topbutton btn btn-danger"
onclick="confirmUpdateSongDatabase()"><i class="fas fa-file-import mr-2"></i>Song-Datenbank onclick="confirmUpdateSongDatabase()"><i class="fas fa-file-import mr-2"></i>Song-Datenbank
aktualisieren</button> aktualisieren</button>
</div> </div>