fix: bring a little utah design system into the mix

agrc · Feb 27, 2024 · cd5ace2 · cd5ace2
1 parent 56115f7
commit cd5ace2
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 2 deletions.
diff --git a/src/index.css b/src/index.css
@@ -9,3 +9,17 @@ body {
   padding: 0;
   margin: 0;
 }
+
+.esri-widget,
+calcite-button {
+  @apply rounded-full;
+}
+
+.esri-ui-top-right {
+  @apply flex-row space-x-3;
+}
+
+#filter-switch {
+  --calcite-color-brand: var(--calcite-color-border-2);
+  --calcite-color-brand-hover: var(--calcite-color-border-2);
+}
diff --git a/src/map.js b/src/map.js
@@ -35,8 +35,8 @@ view.when(() => {
   const homeWidget = new Home({ view });
   const trackWidget = new Track({ view });
 
-  view.ui.add(homeWidget, 'top-left');
-  view.ui.add(trackWidget, 'top-left');
+  view.ui.add(homeWidget, 'top-right');
+  view.ui.add(trackWidget, 'top-right');
 });
 
 mediaMinWidth('m', (result) => {