From 0f04c35c5306a45e00a39111ce4c4ec317abe5a8 Mon Sep 17 00:00:00 2001
From: "SN\\plastic" <varga.yosh@gmail.com>
Date: Wed, 13 Mar 2024 12:54:42 +0100
Subject: [PATCH] type beside the title

---
 .../src/components/view-controls/common/view-title.tsx    | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/apps/sensenet/src/components/view-controls/common/view-title.tsx b/apps/sensenet/src/components/view-controls/common/view-title.tsx
index 5384d809a..e646a5335 100644
--- a/apps/sensenet/src/components/view-controls/common/view-title.tsx
+++ b/apps/sensenet/src/components/view-controls/common/view-title.tsx
@@ -33,11 +33,10 @@ const useStyles = makeStyles(() => {
       display: 'flex',
     },
     typeinfo: {
-      display: 'flex',
-      justifyContent: 'center',
       fontSize: '12px',
       color: 'grey',
       marginTop: '4px',
+      marginLeft: '5px',
     },
   })
 })
@@ -70,8 +69,9 @@ export const ViewTitle: React.FunctionComponent<ViewTitleProps> = (props) => {
 
   return (
     <div className={clsx(classes.title, globalClasses.centered)}>
-      <div data-test="viewtitle">
+      <div data-test="viewtitle" className={clsx(globalClasses.centeredVertical)}>
         {props.title} <span className={classes.textBolder}>{props.titleBold}</span>
+        <span className={classes.typeinfo}>({props.content!.Type})</span>
       </div>
       <div className={classes.actionBar}>
         {props.actionName === 'browse' && (
@@ -161,8 +161,8 @@ export const ViewTitle: React.FunctionComponent<ViewTitleProps> = (props) => {
             />
           </span>
         )}
+
       </div>
-      <div className={classes.typeinfo}>({props.content!.Type})</div>
     </div>
   )
 }