fix(ZNTA-2699) fix positioning of project glossary title and read onl…

…y icon (#989)
zanata · Jul 25, 2018 · 2121b0f · 2121b0f
1 parent 4024c7d
commit 2121b0f
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/server/zanata-frontend/src/app/containers/Glossary/ViewHeader.js b/server/zanata-frontend/src/app/containers/Glossary/ViewHeader.js
@@ -133,17 +133,17 @@ class ViewHeader extends Component {
         permission.canUpdateEntry || permission.canDeleteEntry)
     const icon = isReadOnly && (
       <span title='read-only'>
-        <Icon type='lock' className='s1 lock' />
+        <Icon type='lock' className='s1 lock mr3' />
       </span>)
     const showDeleteAll = permission.canDeleteEntry && !isEmptyTerms
 
     const projectUrl = project && getProjectUrl(project.id)
 
     const projectLink = project && (
-      <div className='projectLink'>
+      <div className='ml3 projectLink'>
         <Link icon='project' link={projectUrl} useHref>
           <Row>
-            <Icon type='folder-open' className='iconProject' />
+            <Icon type='folder-open' className='txt-muted mr1' />
             <span className='hidden-lesm'>{project.name}</span>
           </Row>
         </Link>

diff --git a/server/zanata-frontend/src/app/containers/Glossary/index.less b/server/zanata-frontend/src/app/containers/Glossary/index.less
@@ -85,6 +85,10 @@
     margin-right: @spacing-sm;
     width: 4.5rem;
   }
+  .innerView h1 .ant-row {
+    display: flex;
+    align-items: center;
+  }
   .glossarySelect {
     position: relative;
     z-index: 999;