Web: Profile: fixed styles

packages/client/src/pages/Profile/Section/Body/sub-components/main-profile/styled-main-profile.js

@@ -107,7 +107,15 @@ export const StyledInfo = styled.div`
 
         .language-combo-box .combo-button {
           padding-inline-end: 0px;
-          padding-left: 0px;
+
+          ${(props) =>
+            props.theme.interfaceDirection === "rtl"
+              ? css`
+                  padding-right: 0px;
+                `
+              : css`
+                  padding-left: 0px;
+                `}
         }
 
         @media ${tablet} {

packages/client/src/pages/Profile/Section/Header/StyledHeader.js

@@ -17,10 +17,10 @@ export const StyledHeader = styled.div`
     ${(props) =>
       props.theme.interfaceDirection === "rtl"
         ? css`
-            margin-right: 16px;
+            margin-right: 17px;
           `
         : css`
-            margin-left: 16px;
+            margin-left: 17px;
           `}
     @media ${tablet} {
       flex-direction: row-reverse;
@@ -68,17 +68,23 @@ export const StyledHeader = styled.div`
       margin-left: -16px;
       margin-right: -16px;
     }
+
+    padding-top: 1px;
+    width: 17px;
+    min-width: 17px;
   }
 
   .header-headline {
     white-space: nowrap;
+    line-height: 25px;
+
     ${(props) =>
       props.theme.interfaceDirection === "rtl"
         ? css`
-            margin-right: 16px;
+            margin-right: 17px;
           `
         : css`
-            margin-left: 16px;
+            margin-left: 17px;
           `}
   }
 `;

packages/client/src/pages/Profile/Section/Header/index.js

@@ -140,10 +140,12 @@ const Header = (props) => {
         className="arrow-button"
       />
 
-      <Headline className="header-headline" type="content">
-        {t("Profile:MyProfile")}
-        {profile?.isLDAP && ` (${t("PeopleTranslations:LDAPLbl")})`}
-      </Headline>
+      <div>
+        <Headline className="header-headline" type="content">
+          {t("Profile:MyProfile")}
+          {profile?.isLDAP && ` (${t("PeopleTranslations:LDAPLbl")})`}
+        </Headline>
+      </div>
       <div className="action-button">
         {((isAdmin && !profile?.isOwner) || isMe) && (
           <ContextMenuButton

packages/client/src/pages/Profile/index.js

@@ -166,5 +166,5 @@ export default inject(
       setIsLoading,
       getTfaType,
     };
-  }
+  },
 )(observer(withTranslation(["Profile", "Common"])(withCultureNames(Profile))));