NAS-100748: Adding browserslistrc (#7068)

.browserslistrc

+> 0.2% and not dead

src/app/pages/datasets/components/dataset-details-panel/dataset-details-panel.component.scss

@@ -10,11 +10,11 @@
   flex-wrap: nowrap;
   gap: $title-gap;
   max-width: 70%;
-  place-items: start;
+  place-items: flex-start;
   width: 80%;
 
   @media (max-width: $breakpoint-tablet) {
-    align-items: start;
+    align-items: flex-start;
     flex-direction: column;
     gap: unset;
     max-width: 100%;
@@ -26,7 +26,7 @@
   }
 
   @media (min-width: $breakpoint-singlecolumn) and (max-width: calc($breakpoint-dualcolumn-slim - 1px)) {
-    align-items: start;
+    align-items: flex-start;
     flex-direction: column;
     max-width: 100%;
     width: 100%;
@@ -112,7 +112,7 @@
 
   @media (max-width: $breakpoint-tablet) {
     flex-direction: column;
-    place-content: start;
+    place-content: flex-start;
   }
 
   @media (min-width: $breakpoint-hidden) and (max-width: calc($breakpoint-dualcolumn-slim - 1px)) {

src/assets/styles/other/_egret_overrides.scss

@@ -23,7 +23,7 @@ ix-topbar {
   .topbar-mobile-footer {
     align-items: center;
     display: inline-flex;
-    place-content: end;
+    place-content: flex-end;
     width: inherit;
 
     @media (min-width: $breakpoint-min-mobile) and (max-width: $breakpoint-min-mobile) {
@@ -42,10 +42,10 @@ ix-topbar {
       position: fixed;
       width: 100%;
     }
-  
+
     .topbar-button-right {
       margin: 0;
-      
+
       @media (min-width: $breakpoint-min-mobile) and (max-width: $breakpoint-tablet) {
         margin: 4px;
       }