Ep 1786 safari bugs

package.json

@@ -14,7 +14,7 @@
   },
   "dependencies": {
     "@loadable/component": "^5.6.1",
-    "@natgeosociety/marapp-uikit": "^1.0.6",
+    "@natgeosociety/marapp-uikit": "^1.0.7",
     "assert": "^2.0.0",
     "axios": "^0.18.0",
     "axios-cache-adapter": "^2.3.0",

packages/earth-admin/src/components/dashboards/dashboard-edit/DashboardEdit.tsx

@@ -52,7 +52,7 @@ export default function DashboardEdit(props: DashboardProps) {
   return (
     <div>
       <div className="ng-flex ng-flex-space-between">
-        <h2 className="ng-text-display-m">
+        <h2 className="ng-text-display-m ng-c-flex-grow-1">
           {newDashboard ? 'Add dashboard' : `Edit Dashboard - ${name}`}
         </h2>
       </div>

packages/earth-admin/src/components/layers/layer-edit/LayerEdit.tsx

@@ -88,7 +88,7 @@ export default function LayerEdit(props: LayerProps) {
   return (
     <div>
       <div className="ng-flex ng-flex-space-between">
-        <h2 className="ng-text-display-m">{ newLayer ? 'Add Layer' : `Edit Layer - ${name}` }</h2>
+        <h2 className="ng-text-display-m ng-c-flex-grow-1">{ newLayer ? 'Add Layer' : `Edit Layer - ${name}` }</h2>
 
         <span>
           Last updated at: {formatDate(updatedAt)}; Created at: {formatDate(createdAt)}

packages/earth-admin/src/components/locations/location-edit/LocationEdit.tsx

@@ -81,7 +81,7 @@ export default function LocationEdit(props: LocationProps) {
   return (
     <div>
       <div className="ng-flex ng-flex-space-between">
-        <h2 className="ng-text-display-m">{ newLocation ? 'Add Location' : `Edit Location - ${name}` }</h2>
+        <h2 className="ng-text-display-m ng-c-flex-grow-1">{ newLocation ? 'Add Location' : `Edit Location - ${name}` }</h2>
 
         <span>
           Last updated at: {formatDate(updatedAt)}; Created at: {formatDate(createdAt)}

packages/earth-admin/src/components/org-switcher/OrgSwitcher.tsx

@@ -53,7 +53,7 @@ const OrgSwitcher = (props) => {
                   'ng-ep-dropdown-selected': selectedGroup === g,
                 })}
               >
-                <LinkWithOrg to="/" switchOrgTo={g}>
+                <LinkWithOrg to="/" switchOrgTo={g} className="ng-display-block ng-border-remove">
                   <span
                     className="ng-text-display-s ng-display-block ng-dropdown-item"
                     onClick={(e) => handleOrgSwitch(g)}

packages/earth-admin/src/components/widgets/widget-edit/WidgetEdit.tsx

@@ -84,7 +84,7 @@ export default function WidgetEdit(props: WidgetProps) {
   return (
     <div>
       <div className="ng-flex ng-flex-space-between">
-        <h2 className="ng-text-display-m">{newWidget ? 'Add Widget' : `Edit Widget - ${name}`}</h2>
+        <h2 className="ng-text-display-m ng-c-flex-grow-1">{newWidget ? 'Add Widget' : `Edit Widget - ${name}`}</h2>
 
         <span>
           Last updated at: {formatDate(updatedAt)}; Created at: {formatDate(createdAt)}

packages/earth-map/src/components/layers/component.tsx

@@ -99,7 +99,7 @@ class LayersComponent extends React.PureComponent<ILayers, ILayersState> {
       <>
         {loading && <Spinner />}
         <div className="ng-flex ng-flex-space-between ng-flex-center ng-margin-medium-bottom">
-          <h4 className="ng-text-display-m ng-color-ultraltgray ng-margin-remove">Select layers</h4>
+          <h4 className="ng-text-display-m ng-color-ultraltgray ng-margin-remove ng-c-flex-grow-1">Select layers</h4>
           <button
             className="ng-unstyled ng-c-icon-with-label"
             onClick={() => this.handleToggleClick()}

packages/earth-map/src/components/places/searchbox/component.tsx

@@ -72,7 +72,7 @@ const SearchBoxComponent = (props: ISearchbox) => {
         {!!search && (
           <Link to={{ type: 'EARTH' }} className="ng-c-panel-link ng-unstyled ng-flex">
             <div onClick={() => handleResetLocation()}>
-              <i className="ng-color-mdgray ng-margin-small-right ng-icon-small ng-icon-close"></i>
+              <i className="ng-color-mdgray ng-margin-small-right ng-icon-small ng-icon-close ng-display-block"></i>
             </div>
           </Link>
         )}