First full release

express/public/sass/components/_header-section.scss

@@ -15,6 +15,11 @@
   background-color: #f5f5f5;
   padding-left: 2rem;
   padding-right: 2rem;
+
+  @media (max-width: v.$layout-breakpoint-small) {
+    padding-left: 1rem;
+    padding-right: 1rem;
+  }
 }
 
 .header-section-root-scroll {
@@ -144,7 +149,7 @@
   flex-wrap: wrap;
   background-color: #f5f5f5;
   /*left: 35px;*/
-  right: 35px;
+  right: 2rem;
   margin-left: 15px;
   margin-right: 15px;
 
@@ -267,7 +272,9 @@
     overflow: hidden;
     text-overflow: ellipsis;
   }
-
+  #thead {
+    background-color: inherit !important;
+  }
   tr {
     color: v.$header-description-gray;
 
@@ -284,9 +291,9 @@
     background-color: v.$white-1;
   }
 
-  tr:first-child {
-    background-color: v.$nav-white;
-  }
+  // tr:first-child {
+  //   background-color: v.$nav-white;
+  // }
 
   .btn {
     width: -moz-fit-content;
@@ -538,6 +545,30 @@
   // height: 20px;
 }
 
+.btn-delete-style {
+  @extend .btn-primary;
+  background-color: v.$button-danger-color;
+  width: 100%;
+  max-width: 258px;
+
+  &:hover {
+    background-color: v.$button-danger-color;
+    opacity: 0.8;
+  }
+
+  &:active {
+    background-color: v.$button-danger-color;
+    border-color: v.$button-danger-color;
+    box-shadow: 0 0 0 0.25rem rgba(v.$button-danger-color, 0.5);
+  }
+
+  &:focus {
+    background-color: v.$button-danger-color;
+    border-color: v.$button-danger-color;
+    box-shadow: 0 0 0 0.25rem rgba(v.$button-danger-color, 0.5);
+  }
+}
+
 .chevrons-left-margin {
   margin-top: 20px;
 }