tweak

Author: smithara

docs/_templates/sections/header.html

@@ -3,15 +3,16 @@
         <a href="" class="link-selected">viresclient</a>
     </div>
     <div class="section">
-        <a href="https://vires.services" target="_blank" class="link">VirES for Swarm</a>
-        <a href="https://vre.vires.services" target="_blank" class="link">Swarm JupyterHub</a>
-        <a href="https://notebooks.vires.services" target="_blank" class="link">Swarm Notebooks</a>
-        <a href="https://swarmpal.readthedocs.io" target="_blank" class="link">SwarmPAL</a>
+        <a href="https://notebooks.vires.services" class="link">Swarm Notebooks</a>
+        <a href="https://swarmpal.readthedocs.io" class="link">SwarmPAL</a>
+        <a href="https://vires.services" target="_blank" class="link">VirES for Swarm ↗</a>
+        <a href="https://vre.vires.services" target="_blank" class="link">Swarm JupyterHub ↗</a>
     </div>
+    <div style="width: 100%; height: 10px;"></div>
     <div class="section">
-        <a href="https://aeolus.services" target="_blank" class="link">VirES for Aeolus</a>
-        <a href="https://vre.aeolus.services" target="_blank" class="link">Aeolus JupyterHub</a>
-        <a href="https://notebooks.aeolus.services" target="_blank" class="link">Aeolus Notebooks</a>
+        <a href="https://notebooks.aeolus.services" class="link">Aeolus Notebooks</a>
+        <a href="https://aeolus.services" target="_blank" class="link">VirES for Aeolus ↗</a>
+        <a href="https://vre.aeolus.services" target="_blank" class="link">Aeolus JupyterHub ↗</a>
     </div>
 </div>
 
@@ -31,14 +32,14 @@
     .custom-header-container .section {
         margin: 0 20px;
         text-align: center;
-        padding: 10px;
+        padding: 5px;
         border: 1px solid #888;
         border-radius: 5px;
     }
 
     .custom-header-container .link {
-        margin: 0 10px;
-        padding: 5px 10px;
+        margin: 0 5px;
+        padding: 5px 5px;
         text-decoration: none;
         color: white;
     }
@@ -48,8 +49,8 @@
     }
 
     .custom-header-container .link-selected {
-        margin: 0 10px;
-        padding: 5px 10px;
+        margin: 0 5px;
+        padding: 5px 5px;
         text-decoration: none;
         background-color: #ccc;
         color: black;