diff --git a/txclient/src/app/admin/(organization-profile)/org/profile/[id]/services/page.tsx b/txclient/src/app/admin/(organization-profile)/org/profile/[id]/services/page.tsx
index 2721aab..dd055ba 100644
--- a/txclient/src/app/admin/(organization-profile)/org/profile/[id]/services/page.tsx
+++ b/txclient/src/app/admin/(organization-profile)/org/profile/[id]/services/page.tsx
@@ -16,6 +16,7 @@ import { getServiceImage } from "@core/helpers/getServiceImage";
import ServiceRatingSummary from "@components/ServiceRatingSummary/ServiceRatingSummary";
import ShareOutlinedIcon from "@mui/icons-material/ShareOutlined";
+import OpenInNewIcon from "@mui/icons-material/OpenInNew";
import Dialog from "@mui/material/Dialog";
import DialogContent from "@mui/material/DialogContent";
import DialogTitle from "@mui/material/DialogTitle";
@@ -118,18 +119,30 @@ export default function Org() {
{formatPrice(data.price)}
-
{
- e.stopPropagation();
- setShareService(data);
- }}
- size="small"
- title="Compartir servicio"
- >
-
-
+
+ {
+ e.stopPropagation();
+ goTo(`/landing/service/${data.id}`);
+ }}
+ size="small"
+ title="Ver perfil público del servicio"
+ className={style.iconButton}
+ >
+
+
+ {
+ e.stopPropagation();
+ setShareService(data);
+ }}
+ size="small"
+ title="Compartir servicio"
+ className={style.iconButton}
+ >
+
+
+
);
diff --git a/txclient/src/app/admin/(organization-profile)/org/profile/[id]/services/service.module.css b/txclient/src/app/admin/(organization-profile)/org/profile/[id]/services/service.module.css
index 7ce3394..2ec1124 100644
--- a/txclient/src/app/admin/(organization-profile)/org/profile/[id]/services/service.module.css
+++ b/txclient/src/app/admin/(organization-profile)/org/profile/[id]/services/service.module.css
@@ -71,26 +71,29 @@
display: flex;
flex-direction: column;
align-items: flex-end;
- justify-content: flex-end; /* changed from space-between */
- min-width: 100px;
+ justify-content: center;
+ gap: 12px;
+ min-width: 60px;
}
.servicePrice {
font-size: 18px;
font-weight: 800;
color: #1e293b;
- margin-bottom: 0; /* removed bottom margin */
}
-.shareButton {
+.iconsRow {
+ display: flex;
+ align-items: center;
+ gap: 4px;
+}
+
+.iconButton {
color: #94a3b8;
transition: color 0.2s ease;
- position: absolute;
- top: 15px;
- right: 15px;
}
-.shareButton:hover {
+.iconButton:hover {
color: var(--wine-dark);
}