@loafmarkets/ui 0.1.103 → 0.1.105

package/dist/index.mjs

@@ -11967,7 +11967,7 @@ function PortfolioActivityPanel({
           /* @__PURE__ */ jsx(PositionsHeaderCell, { $align: "right", children: "Entry Price" }),
           /* @__PURE__ */ jsx(PositionsHeaderCell, { $align: "right", children: "Mark Price" }),
           /* @__PURE__ */ jsx(PositionsHeaderCell, { $align: "right", children: "PNL (%)" }),
-          onClosePosition && /* @__PURE__ */ jsx(PositionsHeaderCell, { $align: "right", children: "Close" })
+          onClosePosition && /* @__PURE__ */ jsx(PositionsHeaderCell, { children: "Close" })
         ] }),
         pageSlice(positions).map((pos) => {
           const currentValue = pos.quantity * pos.marketPrice;
@@ -11992,7 +11992,7 @@ function PortfolioActivityPanel({
                 "%"
               ] })
             ] }),
-            onClosePosition && /* @__PURE__ */ jsx(PositionsCell, { $align: "right", children: /* @__PURE__ */ jsxs(CloseActions, { children: [
+            onClosePosition && /* @__PURE__ */ jsx(PositionsCell, { $align: "left", children: /* @__PURE__ */ jsxs(CloseActions, { children: [
               /* @__PURE__ */ jsx(CloseBtn2, { onClick: (e) => {
                 e.stopPropagation();
                 onClosePosition(pos.tokenName, "limit", pos.quantity, pos.marketPrice);
@@ -12388,8 +12388,8 @@ var PaginationLabel = styled25.span`
 `;
 var PositionsHeader = styled25.div`
   display: grid;
-  grid-template-columns: ${(p) => p.$hasClose ? "1.2fr 0.8fr 1fr 1fr 1fr 1.2fr auto" : "1.2fr 0.8fr 1fr 1fr 1fr 1.2fr"};
-  gap: 0 0.5rem;
+  grid-template-columns: ${(p) => p.$hasClose ? "1.4fr 0.8fr 1fr 1fr 1fr 1.1fr 110px" : "1.2fr 0.8fr 1fr 1fr 1fr 1.2fr"};
+  gap: 0 0.75rem;
   padding: 0.4rem 0.5rem;
   border-bottom: 1px solid rgba(255, 255, 255, 0.06);
 `;
@@ -12402,9 +12402,9 @@ var PositionsHeaderCell = styled25.div`
 `;
 var PositionsRow = styled25.div`
   display: grid;
-  grid-template-columns: ${(p) => p.$hasClose ? "1.2fr 0.8fr 1fr 1fr 1fr 1.2fr auto" : "1.2fr 0.8fr 1fr 1fr 1fr 1.2fr"};
+  grid-template-columns: ${(p) => p.$hasClose ? "1.4fr 0.8fr 1fr 1fr 1fr 1.1fr 110px" : "1.2fr 0.8fr 1fr 1fr 1fr 1.2fr"};
   align-items: center;
-  gap: 0 0.5rem;
+  gap: 0 0.75rem;
   padding: 0.5rem 0.5rem;
   cursor: pointer;
   border-bottom: 1px solid rgba(255, 255, 255, 0.03);
@@ -12532,19 +12532,19 @@ var CloseActions = styled25.div`
 `;
 var CloseBtn2 = styled25.button`
   background: transparent;
-  border: 1px solid rgba(246, 70, 93, 0.25);
+  border: 1px solid rgba(230, 200, 126, 0.25);
   border-radius: 4px;
   padding: 0.15rem 0.5rem;
   font-size: 0.62rem;
   font-weight: 600;
-  color: #f6465d;
+  color: #E6C87E;
   cursor: pointer;
   white-space: nowrap;
   transition: all 0.15s ease;
 
   &:hover {
-    background: rgba(246, 70, 93, 0.1);
-    border-color: rgba(246, 70, 93, 0.5);
+    background: rgba(230, 200, 126, 0.1);
+    border-color: rgba(230, 200, 126, 0.5);
   }
 `;
 function NewsOrdersSection({ newsItems, newsConnectionStatus, activityData }) {