grid

public/locales/de/translation.json

@@ -399,9 +399,16 @@
     "icon": { "viewApiDoc": "Api-Dokumentation anschauen" },
     "telegram": {
       "title": "Telegram Benachrichtigungen",
+      "subscribeButton": "Abonnieren",
+      "checkStatusButton": "Status überprüfen",
+      "subscribed": "Abonniert",
       "disconnectPopconfirm": {
-        "title": "Sind Sie sicher, dass Sie die Verbindung zu Telegram trennen wollen?",
-        "description": "Sie werden keine Benachrichtigungen mehr erhalten"
+        "title": "Sind Sie sicher, dass Sie Ihr Telegram-Konto trennen möchten?",
+        "description": "Sie erhalten keine Benachrichtigungen mehr über Telegram"
+      },
+      "verificationPopover": {
+        "title": "Verifizierung",
+        "description": "Fügen Sie den Bot Ihrem Telegram-Konto hinzu und senden Sie den Befehl {{command}} an den Bot"
       }
     }
   },

src/Pages/UserProfile/index.js

@@ -487,7 +487,7 @@ export default function UserProfile() {
       <Card>
         <Form layout="vertical">
           <Row>
-            <Col xs={24} sm={4}>
+            <Col xs={24} md={4}>
               <Upload
                 accept={Constants.ACCEPTED_AVATAR_FILE_TYPES.join(",")}
                 action={Constants.API_ADDRESS + "/user/avatar"}
@@ -502,7 +502,7 @@ export default function UserProfile() {
               </Upload>
             </Col>
 
-            <Col xs={24} sm={{ span: 4, offset: 16 }}>
+            <Col xs={24} md={{ span: 6, offset: 14 }}>
               <Form.Item label={t("userProfile.form.language")}>
                 <Select
                   style={{ width: "100%" }}