fix: styling fix

SenseNet · Mar 13, 2024 · 0ebdaba · 0ebdaba
1 parent 0e8f8d7
commit 0ebdaba
Showing 1 changed file with 8 additions and 3 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
@@ -35,9 +35,15 @@ const useStyles = makeStyles(() => {
     typeinfo: {
       fontSize: '12px',
       color: 'grey',
-      marginTop: '4px',
       marginLeft: '5px',
     },
+
+    viewTitle: {
+      '& span': {
+        display: 'inline-block',
+        verticalAlign: 'middle',
+      },
+    },
   })
 })
 
@@ -69,7 +75,7 @@ export const ViewTitle: React.FunctionComponent<ViewTitleProps> = (props) => {
 
   return (
     <div className={clsx(classes.title, globalClasses.centered)}>
-      <div data-test="viewtitle" className={clsx(globalClasses.centeredVertical)}>
+      <div data-test="viewtitle" className={classes.viewTitle}>
         {props.title} <span className={classes.textBolder}>{props.titleBold}</span>
         <span className={classes.typeinfo}>({props.content!.Type})</span>
       </div>
@@ -160,7 +166,6 @@ export const ViewTitle: React.FunctionComponent<ViewTitleProps> = (props) => {
             />
           </span>
         )}
-
       </div>
     </div>
   )