diff --git a/src/js/components/ProfilePicture.tsx b/src/js/components/ProfilePicture.tsx
index a681856a..5c0167ab 100644
--- a/src/js/components/ProfilePicture.tsx
+++ b/src/js/components/ProfilePicture.tsx
@@ -23,16 +23,16 @@ const ProfilePicture = ({ picture, onError }: Props) => {
return (
<>
{showModal && (
-
+
)}
>
diff --git a/src/js/views/EditProfile.tsx b/src/js/views/EditProfile.tsx
index 095eba79..1843aff1 100644
--- a/src/js/views/EditProfile.tsx
+++ b/src/js/views/EditProfile.tsx
@@ -2,7 +2,6 @@ import { debounce } from 'lodash';
import { route } from 'preact-router';
import Component from '../BaseComponent';
-import { PrimaryButton as Button } from '../components/buttons/Button';
import Upload from '../components/buttons/Upload';
import Header from '../components/Header';
import SafeImg from '../components/SafeImg';
@@ -92,7 +91,7 @@ export default class EditProfile extends Component {
<>
-
+
{t('edit_profile')}
@@ -147,7 +148,8 @@ export default class EditProfile extends Component {
value={this.state.newFieldName}
type="text"
id="newFieldName"
- style={{ 'margin-top': '5px', width: '100%' }}
+ className="input w-full"
+ placeholder={t('field_name')}
onInput={(e) =>
this.setState({
newFieldName: (e.target as HTMLInputElement).value,
@@ -162,7 +164,8 @@ export default class EditProfile extends Component {
value={this.state.newFieldValue}
type="text"
id="newFieldValue"
- style={{ 'margin-top': '5px', width: '100%' }}
+ className="input w-full"
+ placeholder={t('field_value')}
onInput={(e) =>
this.setState({
newFieldValue: (e.target as HTMLInputElement).value,
@@ -171,7 +174,9 @@ export default class EditProfile extends Component {
/>
-
+
diff --git a/src/js/views/Profile.tsx b/src/js/views/Profile.tsx
index 00be9708..8269de21 100644
--- a/src/js/views/Profile.tsx
+++ b/src/js/views/Profile.tsx
@@ -112,7 +112,7 @@ class Profile extends View {
key="${this.state.npub}identicon"
str=${this.state.npub}
hidePicture=${true}
- width="250"
+ width=${128}
/>`;
}
let rawDataJson = [] as any;