diff --git a/src/components/jar_details/JarDetailsOverlay.module.css b/src/components/jar_details/JarDetailsOverlay.module.css index a1982dd77..353a6cede 100644 --- a/src/components/jar_details/JarDetailsOverlay.module.css +++ b/src/components/jar_details/JarDetailsOverlay.module.css @@ -75,26 +75,6 @@ background-color: var(--bs-gray-800); } -.overlayContainer .tabContainer .utxoListTitleBar .operationsContainer { - display: flex; - width: 100%; - justify-content: space-between; - flex-direction: column; - align-items: flex-start; - gap: 0.5rem; -} - -.selectedUtxosSumContainer { - align-self: end; -} - -@media only screen and (min-width: 576px) { - .overlayContainer .tabContainer .utxoListTitleBar .operationsContainer { - flex-direction: row; - align-items: center; - } -} - .overlayContainer .tabContainer .utxoListTitleBar .freezeUnfreezeButtonsContainer { display: flex; flex-direction: row; diff --git a/src/components/jar_details/JarDetailsOverlay.tsx b/src/components/jar_details/JarDetailsOverlay.tsx index fc1214bd3..853e5715c 100644 --- a/src/components/jar_details/JarDetailsOverlay.tsx +++ b/src/components/jar_details/JarDetailsOverlay.tsx @@ -352,19 +352,32 @@ const JarDetailsOverlay = (props: JarDetailsOverlayProps) => { {selectedTab === TABS.UTXOS ? ( <>
-
- {refreshButton()} - {utxoListTitle()} +
+
+ {refreshButton()} + {utxoListTitle()} +
+
+ + + +
-
+
{utxos.length > 0 && ( -
- {freezeUnfreezeButton({ freeze: true })} - {freezeUnfreezeButton({ freeze: false })} +
+
+ {freezeUnfreezeButton({ freeze: true })} + {freezeUnfreezeButton({ freeze: false })} +
)} {selectedUtxosBalance > 0 && ( -
+
total", "text_balance_sum_selected": "<0> selected", "button_freeze": "Freeze", "button_unfreeze": "Unfreeze",