|
|
@@ -161,6 +161,12 @@ export default defineComponent({
|
|
|
display: flex;
|
|
|
gap: 32px;
|
|
|
justify-content: center;
|
|
|
+ align-items: flex-start;
|
|
|
+}
|
|
|
+@media screen and (min-width: 769px) {
|
|
|
+ .container {
|
|
|
+ gap: 8px;
|
|
|
+ }
|
|
|
}
|
|
|
.benevole-preview {
|
|
|
padding: 12px;
|
|
|
@@ -185,14 +191,16 @@ export default defineComponent({
|
|
|
.actions {
|
|
|
display: inline-flex;
|
|
|
justify-content: left;
|
|
|
+ flex-wrap: wrap;
|
|
|
margin-bottom: 12px;
|
|
|
}
|
|
|
.actions > .btn {
|
|
|
margin-right: 4px;
|
|
|
+ margin-bottom: 4px;
|
|
|
}
|
|
|
table {
|
|
|
max-width: 800px;
|
|
|
- width: 90vw;
|
|
|
+ width: calc(100vw - 690px);
|
|
|
border-collapse: collapse;
|
|
|
}
|
|
|
td,
|
