Improve datahub view

eea · Feb 7, 2023 · aede1ca · aede1ca
1 parent 07cd07c
commit aede1ca
Showing 1 changed file with 19 additions and 33 deletions.
diff --git a/src/SearchBlock/less/datahub.less b/src/SearchBlock/less/datahub.less
@@ -53,6 +53,8 @@
   }
 
   .datasets-tab {
+    margin-bottom: 2.5em;
+
     .ui.tab {
       padding-top: 0;
     }
@@ -101,32 +103,6 @@
       }
     }
 
-    .landing-page-cards.dataset_formats {
-      .ui.list {
-        @media only screen and (min-width: 800px) {
-          max-width: 800px;
-          column-count: 2;
-          column-gap: 2em;
-        }
-      }
-    }
-
-    /* Landing page */
-    .landing-page-cards {
-      .ui.list {
-        .item {
-          .content {
-            cursor: pointer;
-            font-weight: normal;
-
-            .count {
-              margin: 0 7px;
-            }
-          }
-        }
-      }
-    }
-
     /* Tabs */
     .ui.secondary.pointing.menu {
       a.item {
@@ -189,10 +165,18 @@
     background: @blue-4 !important;
   }
 
+  .dataset-view {
+    .dataset-container:not(:first-of-type) {
+      padding-top: 2.5em;
+      border-top: 1px solid #eee;
+    }
+  }
+
   .dataset-container {
     width: 100%;
     max-width: 900px;
     margin: 0 auto;
+    margin-bottom: 2.5em;
   }
 
   .eea.callout {
@@ -304,15 +288,19 @@
     word-break: keep-all;
   }
 
-  .metadata-wrapper {
-    margin-top: 3.5em;
-  }
-
-  .metadata-section,
   .section-wrapper {
     margin: 2em 0;
   }
 
+  .metadata-section {
+    break-inside: avoid-column;
+  }
+
+  .metadata-list {
+    column-count: 2;
+    column-gap: 2em;
+  }
+
   .formats {
     margin-left: 1em;
   }
@@ -364,8 +352,6 @@
 }
 
 .more-like-this {
-  margin-top: 3.5em;
-
   .header span {
     .elipsisOverflow(2);
   }