diff --git a/public/locales/en.json b/public/locales/en.json
index 8a458d4..8a27e0c 100644
--- a/public/locales/en.json
+++ b/public/locales/en.json
@@ -39,7 +39,9 @@
},
"send": "Send",
+ "sendLong": "Send Krist",
"request": "Request",
+ "requestLong": "Request Krist",
"settings": "Settings",
"more": "More"
diff --git a/src/layout/nav/AppHeader.tsx b/src/layout/nav/AppHeader.tsx
index 67a1b40..f9f4897 100644
--- a/src/layout/nav/AppHeader.tsx
+++ b/src/layout/nav/AppHeader.tsx
@@ -40,14 +40,21 @@
{/* Logo */}
{bps.md && }
- {/* Send and receive buttons */}
+ {/* Send and request buttons */}
{bps.md &&
}
{/* Spacer to push search box to the right */}
diff --git a/src/layout/nav/TopMenu.tsx b/src/layout/nav/TopMenu.tsx
index f875ca6..4d25f04 100644
--- a/src/layout/nav/TopMenu.tsx
+++ b/src/layout/nav/TopMenu.tsx
@@ -3,7 +3,9 @@
// Full details: https://github.com/tmpim/KristWeb2/blob/master/LICENSE.txt
import { useState, useCallback, useMemo, useContext, createContext, FC, ReactNode } from "react";
import { Menu, Grid, Dropdown } from "antd";
-import { MoreOutlined, SettingOutlined } from "@ant-design/icons";
+import {
+ MoreOutlined, SettingOutlined, SendOutlined, DownloadOutlined
+} from "@ant-design/icons";
import { useTFns } from "@utils/i18n";
@@ -34,6 +36,24 @@
trigger={["click"]}
overlayClassName="site-header-top-dropdown-menu"
overlay={
- ), [tStr, bps, options, menu]);
+ ), [tStr, bps, menu]);
return btn;
}
diff --git a/src/pages/names/NamesPage.less b/src/pages/names/NamesPage.less
index a0c5c4a..e98d96d 100644
--- a/src/pages/names/NamesPage.less
+++ b/src/pages/names/NamesPage.less
@@ -24,4 +24,17 @@
}
}
}
+
+ @media (max-width: @screen-sm) {
+ // Make the "Purchase name" button full width on mobile
+ .ant-page-header-heading-extra {
+ width: 100%;
+
+ .ant-btn {
+ display: block;
+ width: 100%;
+ margin-top: @margin-sm;
+ }
+ }
+ }
}