From 28727e2630a1aa85a5065a04be49f6dc38fd1ff7 Mon Sep 17 00:00:00 2001
From: Horacio Daniel Ros <horaciodrs@gmail.com>
Date: Tue, 15 Sep 2026 10:01:20 -0300
Subject: [PATCH] =?UTF-8?q?feat:=20agregar=20bot=C3=B3n=20para=20ver=20per?=
 =?UTF-8?q?fil=20p=C3=BAblico=20del=20servicio=20y=20mejorar=20el=20dise?=
 =?UTF-8?q?=C3=B1o=20de=20los=20=C3=ADconos=20de=20acci=C3=B3n?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../org/profile/[id]/services/page.tsx        | 37 +++++++++++++------
 .../profile/[id]/services/service.module.css  | 19 ++++++----
 2 files changed, 36 insertions(+), 20 deletions(-)

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() {
                 </div>
                 <div className={style.serviceActions}>
                     <span className={style.servicePrice}>{formatPrice(data.price)}</span>
-                    <IconButton 
-                        className={style.shareButton}
-                        sx={{ position: "absolute", top: "15px", right: "15px" }}
-                        onClick={(e) => {
-                            e.stopPropagation();
-                            setShareService(data);
-                        }}
-                        size="small"
-                        title="Compartir servicio"
-                    >
-                        <ShareOutlinedIcon fontSize="small" />
-                    </IconButton>
+                    <div className={style.iconsRow}>
+                        <IconButton 
+                            onClick={(e) => {
+                                e.stopPropagation();
+                                goTo(`/landing/service/${data.id}`);
+                            }}
+                            size="small"
+                            title="Ver perfil público del servicio"
+                            className={style.iconButton}
+                        >
+                            <OpenInNewIcon fontSize="small" />
+                        </IconButton>
+                        <IconButton 
+                            onClick={(e) => {
+                                e.stopPropagation();
+                                setShareService(data);
+                            }}
+                            size="small"
+                            title="Compartir servicio"
+                            className={style.iconButton}
+                        >
+                            <ShareOutlinedIcon fontSize="small" />
+                        </IconButton>
+                    </div>
                 </div>
             </div>
         );
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);
 }