From cf13030f2481b0d8adf0119bdc388d8e49a9a111 Mon Sep 17 00:00:00 2001 From: Ramon Wenger Date: Thu, 21 Nov 2024 15:54:39 +0100 Subject: [PATCH] Adjust width and padding for the circle dropdown used as heading --- client/src/components/ui/ItDropdownSelect.vue | 2 +- client/src/pages/cockpit/cockpitPage/CockpitExpertHomePage.vue | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/client/src/components/ui/ItDropdownSelect.vue b/client/src/components/ui/ItDropdownSelect.vue index db671a5d..f08c044a 100644 --- a/client/src/components/ui/ItDropdownSelect.vue +++ b/client/src/components/ui/ItDropdownSelect.vue @@ -46,7 +46,7 @@ const dropdownSelected = computed({ 'font-bold': !borderless, }, asHeading - ? 'group flex w-full items-center gap-1 rounded-md bg-transparent px-3 text-base focus:outline-none' + ? 'group flex w-full items-center gap-1 rounded-md bg-transparent text-base focus:outline-none' : 'relative flex w-full cursor-default flex-row items-center bg-white py-3 pl-5 pr-10 text-left', ]" data-cy="dropdown-select" diff --git a/client/src/pages/cockpit/cockpitPage/CockpitExpertHomePage.vue b/client/src/pages/cockpit/cockpitPage/CockpitExpertHomePage.vue index 1f659dda..54eb574f 100644 --- a/client/src/pages/cockpit/cockpitPage/CockpitExpertHomePage.vue +++ b/client/src/pages/cockpit/cockpitPage/CockpitExpertHomePage.vue @@ -25,7 +25,7 @@ const props = defineProps<{ :as-heading="true" :model-value="expertCockpitStore.currentCircle" type-name="Circle:" - class="mt-4 w-full lg:mt-0 lg:w-96" + class="mt-4 w-full lg:mt-0 lg:w-auto" :items="expertCockpitStore.circles" @update:model-value="expertCockpitStore.setCurrentCourseCircleFromEvent" >