CSS fix (#998)

Signed-off-by: Aleksandr Muravja <[email protected]>
kyberorg · Feb 16, 2023 · accb8c3 · accb8c3
1 parent 12db48d
commit accb8c3
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 5 deletions.
diff --git a/frontend/css/profile_page.css b/frontend/css/profile_page.css
@@ -20,5 +20,9 @@
 
 .telegram-details {
     display: block;
-    max-width: min(290px, 97%);
+    max-width: min(290px, 100%);
+}
+
+.telegram-details div {
+    margin: 0.5rem;
 }
diff --git a/src/main/java/pm/axe/ui/pages/user/profile/tabs/ProfileTab.java b/src/main/java/pm/axe/ui/pages/user/profile/tabs/ProfileTab.java
@@ -85,7 +85,7 @@ private Section createAccountSection() {
         Details emailUsageDetails = createEmailUsageDetails();
         HorizontalLayout telegramLayout = createTelegramLayout();
 
-        Stream.of(usernameLayout, emailLayout).forEach(VaadinUtils::setCentered);
+        Stream.of(usernameLayout, emailLayout, emailUsageDetails, telegramLayout).forEach(VaadinUtils::setCentered);
 
         Section section = new Section("Accounts");
         section.setContent(usernameLayout, usernameRequirements, emailLayout, emailUsageDetails, telegramLayout);
@@ -107,7 +107,6 @@ private HorizontalLayout createUsernameLayout() {
         saveUsernameButton.addThemeVariants(ButtonVariant.LUMO_SUCCESS, ButtonVariant.LUMO_PRIMARY);
 
         usernameLayout.add(usernameField, editUsernameButton);
-        usernameLayout.addClassName("fit-in-section");
         VaadinUtils.fitLayoutInWindow(usernameLayout);
         VaadinUtils.setSmallSpacing(usernameLayout);
 
@@ -141,7 +140,6 @@ private HorizontalLayout createEmailLayout() {
             emailLayout.add(emailField, saveEmailButton);
         }
 
-        emailLayout.addClassName("fit-in-section");
         VaadinUtils.fitLayoutInWindow(emailLayout);
         VaadinUtils.setSmallSpacing(emailLayout);
 
@@ -153,7 +151,6 @@ private HorizontalLayout createEmailLayout() {
     private HorizontalLayout createTelegramLayout() {
         HorizontalLayout telegramLayout = new HorizontalLayout();
         telegramLayout.setAlignItems(Alignment.BASELINE);
-        telegramLayout.addClassName("fit-in-section");
         VaadinUtils.fitLayoutInWindow(telegramLayout);
         VaadinUtils.setSmallSpacing(telegramLayout);