update styling and rendering of dataset nav components and dataset he…

…ading
sfb1451 · Oct 4, 2023 · 326ea25 · 326ea25
1 parent b5e2b03
commit 326ea25
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 8 deletions.
diff --git a/docs/assets/style.css b/docs/assets/style.css
@@ -235,13 +235,18 @@ li[class="item"]:last-child {
   cursor: pointer;
 }
 
+.dataset-title {
+  margin-top: 0.5em;
+}
+
 .dataset-nav {
-  border: 1px solid #a9afb4;
-  border-radius: 2px;
+  box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.1);
+  border-radius: 4px;
   padding: 1px 5px;
+  padding-bottom: 2px;
 }
 
 .dataset-nav-item {
   padding-left: 5px;
-  border-left: 1px solid #a9afb4;
+  border-left: 2px solid #a9afb440;
 }
diff --git a/docs/templates/dataset-template.html b/docs/templates/dataset-template.html
@@ -5,17 +5,16 @@
         <!-- DATASET TITLE -->
         <b-card-title>
           <span class="dataset-nav">
-            <span>
+            <span class="dataset-nav-home">
               <a @click="gotoHome" class="newlink"><small><i class="fas fa-home"></i></small></a>
             </span>
             <span class="dataset-nav-item" v-if="selectedDataset.show_backbutton">
               <a @click="history.back()" class="newlink"><small><i class="fas fa-backward"></i></small></a>
             </span>
-            <span class="dataset-nav-item">
-              {{displayData.display_name}}
-            </span>
           </span>
-
+          <div class="dataset-title">
+            {{displayData.display_name}}
+          </div>
         </b-card-title>
         <!-- DATASET AUTHORS -->
         <b-card-sub-title class="mb-2">