type beside the title

SenseNet · Mar 13, 2024 · 0f04c35 · 0f04c35
1 parent 4ec5bda
commit 0f04c35
Showing 1 changed file with 4 additions and 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
@@ -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>
   )
 }