Work in progress on port to Bootstrap 4

client/src/lib/styles.scss

@@ -84,28 +84,32 @@
   margin-bottom: 20px;
 }
 
-.secondaryNav {
-  margin-top: 5px;
-  margin-right: 5px;
-  text-align: right;
-}
+.breadcrumbAndSecondaryNavbar {
+/*
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+*/
 
-@media (max-width: 767px) {
-  .secondaryNav {
-    margin: 0px;
-    background-color: #f5f5f5;
-    padding: 5px 5px;
-    border-radius: 4px;
+  :global .breadcrumb {
+    margin-bottom: 0px;
+    padding-top: 0.5rem;
+    padding-bottom: 0.5rem;
   }
-}
 
-.secondaryNav > li {
-  display: inline-block;
-  float: none;
-}
+  margin-bottom: 1.5rem;
 
-.secondaryNav > li > a {
-  padding: 3px 10px;
+  .secondaryNav {
+    justify-content: flex-end;
+
+    margin-top: 0.5rem;
+    margin-left: 5px;
+    margin-right: 5px;
+
+    :global .nav-item .nav-link {
+      padding: 3px 10px;
+    }
+  }
 }
 
 .dropZone {