impact-data

elixir-europe · Jan 17, 2024 · f1b4f73 · f1b4f73
1 parent b5bdca3
commit f1b4f73
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 12 deletions.
diff --git a/frontend/src/App.css b/frontend/src/App.css
@@ -19,6 +19,13 @@ html {
   margin-top: 10px;
 }
 
+.version {
+  margin-top: 14px;
+  margin-bottom: 10px;
+  margin-right: 40px;
+  color: rgb(68, 99, 176) !important;
+}
+
 .searchButton {
   padding-right: 4px;
   padding-left: 0px;
@@ -642,12 +649,10 @@ hr {
 .logos {
   display: flex;
   width: 100vw;
-  align-items: center;
-  align-content: flex-end;
-  flex-direction: row-reverse;
-  /* justify-content: flex-end; */
+  align-items: flex-end;
   margin-bottom: -11px;
   margin-top: -16px;
+  flex-direction: column;
 }
 
 .helpButton:hover {
@@ -657,7 +662,7 @@ hr {
 .impactLogo {
   height: 60px;
   margin-top: 42px;
-  margin-right: 28px;
+  margin-right: 30px;
 }
 
 .bulbLogo {
@@ -1108,7 +1113,7 @@ h5 {
     padding: 2px;
   }
 
-  .ReactModal__Overlay{
+  .ReactModal__Overlay {
     z-index: 3;
   }
 

diff --git a/frontend/src/components/Layout/Layout.js b/frontend/src/components/Layout/Layout.js
@@ -516,7 +516,6 @@ function Layout (props) {
         <NavLink className='NavlinkVerifier' exact to='/validator'>
           BEACON VALIDATOR
         </NavLink>
-
         <div className='logos'>
           {/* <a href="https://www.cineca-project.eu/" target="_blank">
                         <img className="cinecaLogo" src="./CINECA_logo.png" alt='cinecaLogo'></img>
@@ -539,6 +538,7 @@ function Layout (props) {
               alt='impactLogo'
             ></img>
           </a>
+          <h1 className='version'>v0.5.0</h1>
         </div>
       </div>
 
@@ -557,7 +557,8 @@ function Layout (props) {
                 bottom: 0,
                 zIndex: 3,
                 backgroundColor: 'rgba(255, 255, 255, 0.75)'
-              }}}
+              }
+            }}
           >
             <button onClick={handleCloseModal3}>
               <img
@@ -1097,7 +1098,8 @@ function Layout (props) {
               bottom: 0,
               zIndex: 3,
               backgroundColor: 'rgba(255, 255, 255, 0.75)'
-            }}}
+            }
+          }}
         >
           <button onClick={handleCloseModal1}>
             <img
@@ -1122,7 +1124,8 @@ function Layout (props) {
               bottom: 0,
               zIndex: 3,
               backgroundColor: 'rgba(255, 255, 255, 0.75)'
-            }}}
+            }
+          }}
         >
           <button onClick={handleCloseModal2}>
             <img
@@ -1185,7 +1188,7 @@ function Layout (props) {
             />
           </div>
         )}
-         {isSubmitted && results === 'Analyses' && triggerQuery && (
+        {isSubmitted && results === 'Analyses' && triggerQuery && (
           <div>
             <AnalysesResults
               query={query}
@@ -1213,7 +1216,7 @@ function Layout (props) {
             />
           </div>
         )}
-            {isSubmitted && results === 'Runs' && triggerQuery && (
+        {isSubmitted && results === 'Runs' && triggerQuery && (
           <div>
             <RunsResults
               query={query}