Add ui fixe

Author: marosvolgyiz

apps/sensenet/src/components/Breadcrumbs.tsx

@@ -52,6 +52,24 @@ export function Breadcrumbs<T extends GenericContent>(props: BreadcrumbProps<T>)
         ))}
         <CopyPath copyText={props.items[props.items.length - 1].title} />
       </MUIBreadcrumbs>
+      <>
+        <b className="ContentExtraInfo">
+          <span title="DisplayName">{props.items[props.items.length - 1].content.DisplayName}</span>
+          <span title="ContentType" className="ContentTypeSpan">
+            (
+            <a
+              href={`/content-types/explorer/edit-binary?content=%2FGenericContent%2FFolder%2F${
+                props.items[props.items.length - 1].content.Type
+              }`}
+              target="_blank"
+              rel="noreferrer">
+              {props.items[props.items.length - 1].content.Type}
+            </a>
+            )
+          </span>
+        </b>
+      </>
+
       {contextMenuItem ? (
         <ContentContextMenu
           isOpened={isContextMenuOpened}

apps/sensenet/src/components/dashboard/index.tsx

@@ -48,7 +48,6 @@ const Dashboard = () => {
   const [data, setData] = useState<DashboardData>()
   const logger = useLogger('Dashboard')
   const [isAdmin, setIsAdmin] = useState(false)
-
   useEffect(() => {
     ;(async () => {
       const response = await repository.executeAction<any, DashboardData>({

apps/sensenet/src/components/document-viewer.tsx

@@ -45,7 +45,7 @@ const useStyles = makeStyles((theme: Theme) => {
       padding: '20px',
       bottom: 0,
       textAlign: 'right',
-      right: '7%',
+      right: '1%',
     },
   })
 })

apps/sensenet/src/components/editor/sn-monaco-editor.tsx

@@ -42,7 +42,7 @@ const useStyles = makeStyles(() => {
       padding: '20px',
       bottom: 0,
       textAlign: 'right',
-      right: '7%',
+      right: '1%',
     },
     form: {
       width: '100%',

apps/sensenet/src/components/view-controls/common/styles.ts

@@ -4,7 +4,7 @@ import { globals } from '../../../globalStyles'
 const useStyles = makeStyles(() => {
   return createStyles({
     grid: {
-      padding: '14px 14px 0 14px',
+      padding: '14px 14px 0 134px',
       overflowY: 'auto',
       maxWidth: '100%',
       maxHeight: `calc(100% - ${globals.common.formActionButtonsHeight}px - ${globals.common.formTitleHeight}px)`,
@@ -15,7 +15,7 @@ const useStyles = makeStyles(() => {
       position: 'absolute',
       padding: '20px',
       bottom: 0,
-      right: '7%',
+      right: '1%',
     },
   })
 })

apps/sensenet/src/components/wopi-page.tsx

@@ -22,7 +22,7 @@ const useStyles = makeStyles(() => {
       padding: '20px',
       bottom: 0,
       textAlign: 'right',
-      right: '7%',
+      right: '1%',
     },
     wopiWrapper: {
       width: '100%',

apps/sensenet/src/style.css

@@ -26,7 +26,17 @@ div[class*='makeStyles-actionButtonWrapper'] {
 button.MuiButtonBase-root.MuiButton-root.MuiButton-contained.MuiButton-containedPrimary[type='submit'] {
   margin-left: 0px;
 }
-
+.ContentExtraInfo {
+  position: absolute;
+  right: 15px;
+}
+.ContentExtraInfo .ContentTypeSpan {
+  padding-left: 5px;
+  padding-right: 5px;
+}
+.ContentExtraInfo .ContentTypeSpan a {
+  color: #0292db;
+}
 /*.leftTree .MuiListItemIcon-root {
   border-left: 2px dotted #ccc;
   padding-left: 5px;