phillip/karaoqueue
1
0
Fork 0
mirror of https://github.com/PhoenixTwoFive/karaoqueue.git synced 2025-05-20 11:31:49 +02:00
Code Issues Packages Projects Releases Wiki Activity

Fix buttons overflowing screen

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
app/static/css/style.css
View File

@ -22,4 +22,15 @@ main {
/* Set the fixed height of the footer here */ /* Set the fixed height of the footer here */
/*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;
}
}

6
app/templates/main_admin.html
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>