pkp/pkp-lib#7495 Fix various layout issues (noticed in snapshots)

Author: jardakotesovec

src/components/Container/Page.vue

@@ -295,6 +295,10 @@ export default {
 	box-shadow: 0 0 1px 1px @bg-anchor;
 }
 
+.app__userNav {
+	display: flex;
+}
+
 .app__userNav .pkpDropdown__content {
 	right: 0.25rem;
 }

src/components/ListPanel/highlights/HighlightsListPanel.vue

@@ -9,7 +9,6 @@
 						<template #actions>
 							<pkp-button
 								v-if="!isOrdering"
-								icon="sort"
 								:is-active="isOrdering"
 								:disabled="isLoading"
 								@click="isOrdering = true"
@@ -18,7 +17,6 @@
 							</pkp-button>
 							<template v-else>
 								<pkp-button
-									icon="sort"
 									:is-active="true"
 									:disabled="isLoading"
 									@click="saveOrder"

src/components/Modal/Dialog.vue

@@ -11,7 +11,7 @@
 				leave-to="opacity-0"
 			>
 				<div
-					class="bg-gray-500 fixed inset-0 z-10 bg-opacity-75 transition-opacity"
+					class="fixed inset-0 z-10 bg-blur bg-opacity-75 transition-opacity"
 				/>
 			</TransitionChild>
 			<div class="fixed inset-0 z-20 overflow-y-auto">
@@ -41,7 +41,11 @@
 									class="me-2 ms-auto cursor-pointer border-0 bg-transparent text-center"
 									@click="onClose"
 								>
-									<icon class="h-6 w-6" icon="pkp-x-mark" :aria-hidden="true" />
+									<icon
+										class="h-6 w-6 text-negative"
+										icon="Cancel"
+										:aria-hidden="true"
+									/>
 									<span class="-screenReader">
 										{{ dialogProps.closeLabel || t('common.close') }}
 									</span>

src/pages/example/ExampleSubmissions.vue

@@ -3,7 +3,7 @@
 	<span v-if="store.isLoading">Is loading</span>
 	<ul v-else class="border p-4">
 		<li v-for="submission in store.submissions" :key="submission.id">
-			<span class="bg-medium text-lg-normal">
+			<span class="bg-tertiary text-lg-normal">
 				{{ submission.publications[0].fullTitle.en }}
 			</span>
 		</li>