Visual and UX improvements to the WFS preview:

- added whitespace
- remove border for the selection lists
- re-order buttons
- toolbar positioned on the right of the table
- larger buttons in the metadata page and map

web-ui/src/main/resources/catalog/style/gn_viewer.less

@@ -341,7 +341,7 @@
     .list-group-item {
       transition: max-height @transition-params;
       padding: 5px 15px;
-      min-height: 42px;
+      border: 0;
       &:hover,
       &:focus {
         .fa-arrows-alt,
@@ -418,10 +418,11 @@
       }
     }
     h4 {
-      margin: 1em 0 0.5em 0;
+      margin: 1em 0 0 0;
+      font-size: 16px;
     }
     h5 {
-      margin: 0.2em 0;
+      margin: 0.7em 0;
     }
     [data-gn-layer-dimensions] {
       overflow: unset !important;
@@ -841,11 +842,47 @@ gn-features-tables,
   .tab-content {
     background: white;
     min-height: 5em;
-    padding: 1em;
+    padding: 0 0 @gn-spacing-lg 0;
   }
   .gn-features-table {
-    padding: 0.25em;
-    box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.1);
+    box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1);
+    .bootstrap-table {
+      display: grid;
+      grid-template-columns: auto 0fr;
+      grid-template-rows: auto;
+      grid-template-areas:
+        "main toolbar"
+        "footer toolbar";
+      .fixed-table-toolbar {
+        grid-area: toolbar;
+        .columns-right {
+          margin: 0 0 0 @gn-spacing;
+          display: inline-block;
+          vertical-align: middle;
+          .btn, .btn-group {
+            display: block;
+            float: none;
+            width: 100%;
+            max-width: 100%;
+            margin-top: -1px;
+            margin-left: 0;
+            border-radius: 0;
+          }
+          .btn:first-child:not(:last-child) {
+            border-radius: 4px 4px 0 0;
+          }
+          .btn-group:last-child:not(:first-child) > .btn:first-child {
+            border-radius: 0 0 4px 4px;
+            }
+        }
+      }
+      .fixed-table-container {
+        grid-area: main;
+      }
+      .fixed-table-pagination {
+        grid-area: footer;
+      }
+    }
   }
   .layername {
     display: inline-block;
@@ -891,6 +928,32 @@ gn-features-tables,
   [data-gn-wfs-filter-facets] .gn-facet-container {
     overflow: auto;
     max-height: 550px;
+    .list-group {
+      margin-bottom: 0;
+      .list-group-item {
+        border: 0;
+        padding: 8px 15px;
+      }
+    }
+  }
+}
+.gn-editor-sidebar {
+  .gn-related-resources {
+    p {
+      margin-top: @gn-spacing-sm;
+    }
+  }
+  .gn-related-item {
+    h4 {
+      font-size: 14px;
+    }
+  }
+  .wfs-filter-group {
+    margin-top: @gn-spacing;
+    margin-bottom: 0;
+    .btn {
+      .btn-xs();
+    }
   }
 }