diff --git a/src/frontend/src/views/Main.vue b/src/frontend/src/views/Main.vue index b2d0b987f55551d58b0da84985d7f7f77a91f695..74b09b15dd126f8da0fce16b6d897d4d1717cba4 100644 --- a/src/frontend/src/views/Main.vue +++ b/src/frontend/src/views/Main.vue @@ -135,7 +135,7 @@ </div> </div> - <div class="flex flex-col grow min-h-[50vh] w-full justify-center items-center md:mt-0 mt-48"> + <div class="flex flex-col grow min-h-[50vh] w-full md:mt-0 mt-48"> <div ref="log-zone" class="flex flex-col w-full justify-center items-center min-h-max h-max transition-all" @@ -171,13 +171,15 @@ </card-border> </div> - <trip-card - v-for="trip in trips" - :key="trip.id" - :trip="trip" - class="mx-auto" - @click="selectTrip(trip.id)" - /> + <div class="flex grow wrap p-2 justify-center"> + <trip-card + v-for="trip in trips" + :key="trip.id" + :trip="trip" + class="m-8" + @click="selectTrip(trip.id)" + /> + </div> </div> </div> <card-popup