fix: header position (#3345)

* fix(ui): UI Changes for Share Fix detail page clipping Signed-off-by: Andrej Chmelo <[email protected]> Signed-off-by: achmelo <[email protected]> * fixup header css for better links Signed-off-by: achmelo <[email protected]> * remove commented lines Signed-off-by: achmelo <[email protected]> --------- Signed-off-by: Andrej Chmelo <[email protected]> Signed-off-by: achmelo <[email protected]> Co-authored-by: Mike Simpson <[email protected]>
zowe · Mar 5, 2024 · 9a9f8e3 · 9a9f8e3
1 parent 0d895ac
commit 9a9f8e3
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 6 deletions.
diff --git a/api-catalog-ui/frontend/src/components/DetailPage/DetailPage.jsx b/api-catalog-ui/frontend/src/components/DetailPage/DetailPage.jsx
@@ -210,7 +210,7 @@ export default class DetailPage extends Component {
                             </div>
                             {/* Extra Zowe information */}
                             {apiPortalEnabled && tiles[0].title.toLowerCase().indexOf('zowe') >= 0 && (
-                                <div style={{ display: 'flex', flexDirection: 'column' }}>
+                                <div style={{ display: 'flex', flexDirection: 'column', width: '80%' }}>
                                     <div>
                                         <img id="zowe" alt="Zowe" src={zoweImage} className="hover" />
                                     </div>

diff --git a/api-catalog-ui/frontend/src/components/Header/_header.scss b/api-catalog-ui/frontend/src/components/Header/_header.scss
@@ -5,7 +5,7 @@ body {
           display: contents;
       }
   }
-  
+
   .dashboard-develop-link {
     margin-right: var( --spaceLarger );
   }
@@ -53,7 +53,7 @@ body {
       top: -5px;
       left: 110%;
     }
-    
+
     .app-icon-container .tooltiptext::after {
       content: "";
       position: absolute;
@@ -88,9 +88,10 @@ body {
         filter: invert(28%) sepia(93%) saturate(1803%) hue-rotate(190deg) brightness(96%) contrast(101%);
       }
       > a {
-        display: flex;
-        align-items: center;
-        text-align: right;
+        white-space: nowrap;
+        img {
+          margin-bottom: -1px;
+        }
 
         img:first-child {
           margin-right: var( --spaceSmallest );