Style map and pollutant selector

Styled per the design
dxw · Nov 18, 2024 · 5be35e4 · 5be35e4
1 parent 00ceb61
commit 5be35e4
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git a/app/assets/stylesheets/application.tailwind.css.scss b/app/assets/stylesheets/application.tailwind.css.scss
@@ -86,6 +86,10 @@ main {
   border-radius: 0 0 10px 10px;
 }
 
+.map {
+  @apply w-full h-80;
+}
+
 .daqi-scale {
   @apply flex flex-row;
 
@@ -151,7 +155,7 @@ main {
 }
 
 select {
-  @apply inline-flex flex-row w-full gap-x-1.5 rounded-md bg-white px-3 py-2 text-base font-semibold text-gray-500 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50;
+  @apply inline-flex flex-row w-full gap-x-1.5 rounded-md bg-white px-3 py-2 text-base text-gray-500 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50;
 }
 
 .home-page-link {

diff --git a/app/views/forecasts/_map.html.erb b/app/views/forecasts/_map.html.erb
@@ -1,4 +1,4 @@
-<%= render "pollutant_selector" %>
-<div id="map" class="map w-full h-80" data-maptiler-api-key="<%= @maptiler_api_key %>" data-map-target="map"></div>
+<div id="map" class="map" data-maptiler-api-key="<%= @maptiler_api_key %>" data-map-target="map"></div>
 <%= render "shared/daqi_scale" %>
-<%= link_to("Learn more about the colour scale", health_advice_path, class: "text-sm text-blue-600 underline") %>
+<%= link_to("Learn more about the colour scale", health_advice_path, class: "text-sm text-blue-600 underline") %>
+<%= render "pollutant_selector" %>