Remove custom css and large left margin for map noscript message

diff --git a/app/assets/stylesheets/common.scss b/app/assets/stylesheets/common.scss
index 023dcdca7557236624eafda36dc9c153a1650e1f..864b075bb2b11e4b4fae1c37c93c399910613d8d 100644 (file)
--- a/app/assets/stylesheets/common.scss
+++ b/app/assets/stylesheets/common.scss
@@ -318,14 +318,6 @@ body.small-nav {
   font-weight: $font-weight-normal;
 }
 
-/* Rules for the message shown in place of the map when javascript is disabled */
-
-#noscript {
-  z-index: 20000000;
-  margin-left: 400px;
-  margin-top: 50px;
-}
-
 /* Rules for Leaflet maps */
 
 .leaflet-top.leaflet-right,

diff --git a/app/views/layouts/map.html.erb b/app/views/layouts/map.html.erb
index a3d303c53fdc5129968c55a928bda72a32a2ae4f..a4e1891ffcb7173bc41fc772f1e3a620b1b4596f 100644 (file)
--- a/app/views/layouts/map.html.erb
+++ b/app/views/layouts/map.html.erb
@@ -67,7 +67,7 @@
   </div>
 
   <noscript>
-    <div id="noscript">
+    <div class="mt-5 p-3">
       <p><%= t "site.index.js_1" %></p>
       <p><%= t "site.index.js_2" %></p>
     </div>