fix(DriverView): action buttons layout

This commit is contained in:
2026-04-28 14:32:48 +02:00
parent 0ea96700b3
commit 42bef618b4
+12 -2
View File
@@ -4,11 +4,11 @@
<!-- Train action buttons --> <!-- Train action buttons -->
<div class="train-stock-actions"> <div class="train-stock-actions">
<button class="btn btn--action" style="margin: 1em 0" @click="copyStockToClipboard()"> <button class="btn btn--action" @click="copyStockToClipboard()">
<i class="fa-regular fa-copy"></i> {{ i18n.t('trains.stock-copy') }} <i class="fa-regular fa-copy"></i> {{ i18n.t('trains.stock-copy') }}
</button> </button>
<button class="btn btn--action" style="margin: 1em 0" @click="toggleNumberPropositions()"> <button class="btn btn--action" @click="toggleNumberPropositions()">
<i class="fa-regular fa-lightbulb"></i> {{ i18n.t('trains.number-propositions') }} <i class="fa-regular fa-lightbulb"></i> {{ i18n.t('trains.number-propositions') }}
</button> </button>
</div> </div>
@@ -68,6 +68,8 @@ function toggleNumberPropositions() {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@use '../../styles/responsive';
.driver-train-card { .driver-train-card {
padding: 1em; padding: 1em;
background-color: var(--clr-view-bg); background-color: var(--clr-view-bg);
@@ -76,6 +78,14 @@ function toggleNumberPropositions() {
.train-stock-actions { .train-stock-actions {
display: flex; display: flex;
flex-wrap: wrap;
gap: 0.5em; gap: 0.5em;
margin: 1em 0;
}
@include responsive.smallScreen {
.train-stock-actions {
justify-content: center;
}
} }
</style> </style>