From 57375c512d5493cb116980b2234774307a25a725 Mon Sep 17 00:00:00 2001
From: Vitor Mattos <1079143+vitormattos@users.noreply.github.com>
Date: Sun, 1 Mar 2026 08:40:02 -0300
Subject: [PATCH] fix(ui): render proper buttons when RequestPicker is inline

When the inline prop is true (Request Signatures page), action items
were rendered as NcActionButton inside NcActions with inline mode,
which styled them as dropdown menu entries rather than real buttons.

Replace with NcButton (variant secondary) in a flex column container
so they are clearly recognisable as clickable buttons. The NcActions
dropdown used in the FilesList toolbar is unchanged.

Signed-off-by: Vitor Mattos <1079143+vitormattos@users.noreply.github.com>
---
 src/components/Request/RequestPicker.vue | 41 ++++++++++++++++++------
 1 file changed, 32 insertions(+), 9 deletions(-)

diff --git a/src/components/Request/RequestPicker.vue b/src/components/Request/RequestPicker.vue
index e472104779..e560e811ce 100644
--- a/src/components/Request/RequestPicker.vue
+++ b/src/components/Request/RequestPicker.vue
@@ -4,10 +4,32 @@
 -->
 <template>
 	<div v-if="canRequestSign">
-		<NcActions :menu-name="t('libresign', 'Request')"
-			:inline="inline ? 3 : 0"
-			:force-name="inline"
-			:class="{column: inline}"
+		<div v-if="inline" class="request-picker-buttons">
+			<NcButton variant="secondary"
+				@click="showModalUploadFromUrl()">
+				<template #icon>
+					<NcIconSvgWrapper :path="mdiLink" :size="20" />
+				</template>
+				{{ t('libresign', 'Upload from URL') }}
+			</NcButton>
+			<NcButton variant="secondary"
+				:title="envelopeEnabled ? t('libresign', 'Multiple files allowed') : null"
+				@click="openFilePicker">
+				<template #icon>
+					<NcIconSvgWrapper :path="mdiFolder" :size="20" />
+				</template>
+				{{ t('libresign', 'Choose from Files') }}
+			</NcButton>
+			<NcButton variant="secondary"
+				@click="uploadFile">
+				<template #icon>
+					<NcIconSvgWrapper :path="mdiUpload" :size="20" />
+				</template>
+				{{ t('libresign', 'Upload') }}
+			</NcButton>
+		</div>
+		<NcActions v-else
+			:menu-name="t('libresign', 'Request')"
 			:variant="variant"
 			v-model:open="openedMenu">
 			<template #icon>
@@ -16,7 +38,7 @@
 			<NcActionButton :wide="true"
 				@click="showModalUploadFromUrl()">
 				<template #icon>
-				<NcIconSvgWrapper :path="mdiLink" :size="20" />
+					<NcIconSvgWrapper :path="mdiLink" :size="20" />
 				</template>
 				{{ t('libresign', 'Upload from URL') }}
 			</NcActionButton>
@@ -24,14 +46,14 @@
 				:title="envelopeEnabled ? t('libresign', 'Multiple files allowed') : null"
 				@click="openFilePicker">
 				<template #icon>
-				<NcIconSvgWrapper :path="mdiFolder" :size="20" />
+					<NcIconSvgWrapper :path="mdiFolder" :size="20" />
 				</template>
 				{{ t('libresign', 'Choose from Files') }}
 			</NcActionButton>
 			<NcActionButton :wide="true"
 				@click="uploadFile">
 				<template #icon>
-				<NcIconSvgWrapper :path="mdiUpload" :size="20" />
+					<NcIconSvgWrapper :path="mdiUpload" :size="20" />
 				</template>
 				{{ t('libresign', 'Upload') }}
 			</NcActionButton>
@@ -451,9 +473,10 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.column {
+.request-picker-buttons {
 	display: flex;
-	gap: 12px; flex: 1;
+	gap: 12px;
 	flex-direction: column;
+	align-items: stretch;
 }
 </style>