minor layout improvements

src/components/About.js

 import React from 'react';
 import { getBackendUrl,  GetBackendHost} from '../utils/web'
 import Configuration from './Configuration';
+import { GetBaseName } from '../utils/config'
 
 export function About() {
 
@@ -14,14 +15,8 @@ export function About() {
             </p>
             <p>
                 <ul>
-                    <li> ESAP Gateway:
-                        <a className="App-link"
-                           href={GetBackendHost()}
-                           target="_blank"
-                           rel="noopener noreferrer"
-                        > {GetBackendHost()}
-                        </a>
-                    </li>
+                    <li> GUI basename : {GetBaseName()} </li>
+                    <li> ESAP Gateway: <a className="App-link" href={GetBackendHost()} target="_blank" rel="noopener noreferrer"> {GetBackendHost()}</a></li>
                 </ul>
             </p>
             <p>
@@ -29,22 +24,8 @@ export function About() {
             </p>
             <p>
                 <ul>
-                    <li>
-                            <a className="App-link"
-                               href="https://git.astron.nl/vermaas/adex-gui"
-                               target="_blank"
-                               rel="noopener noreferrer"
-                            > ADEX / ESAP-GUI
-                            </a>
-                    </li>
-                    <li>
-                        <a className="App-link"
-                           href="https://git.astron.nl/vermaas/esap-gateway"
-                           target="_blank"
-                           rel="noopener noreferrer"
-                        > ESAP-gateway (API)
-                        </a>
-                    </li>
+                    <li><a className="App-link" href="https://git.astron.nl/vermaas/adex-gui" target="_blank" rel="noopener noreferrer"> ADEX / ESAP-GUI</a></li>
+                    <li><a className="App-link" href="https://git.astron.nl/vermaas/esap-gateway" target="_blank" rel="noopener noreferrer"> ESAP-gateway (API)</a></li>
                 </ul>
             </p>
             <Configuration host = {getBackendUrl}  />

src/components/Main.js

@@ -40,7 +40,6 @@ function Main () {
         // basename defines which path is is added before the routing urls.
         <Router basename={basename}>
             <div>
-                {basename}
                 <NavigationBar/>
 
                 {/*
@@ -80,7 +79,7 @@ function Main () {
                 </Switch>
             </div>
 
-            <footer><small>ASTRON - version 0.6.3 - 24 mar 2020</small></footer>
+            <footer><small>ASTRON - version 0.6.3 - 26 mar 2020</small></footer>
         </Router>
     );
 }

src/components/NavigationBar.js

@@ -22,10 +22,8 @@ export function NavigationBar() {
 
     return (
         <Navbar bg="dark" variant="dark">
-
-            <Navbar.Brand href={basename}>
-                <img alt='' src={GetLogo()} width="100" height="40" className="d-inline-block align-top"/>
-                {GetTitle()}
+            <img alt='' src={GetLogo()}  height="40" className="d-inline-block align-top"/>
+            <Navbar.Brand href={basename}>&nbsp;{GetTitle()}
             </Navbar.Brand>
 
             <Nav className="mr-auto">