From dc24f6c2195c6053efd43778d53ae68984e54107 Mon Sep 17 00:00:00 2001
From: Andy Allan <git@gravitystorm.co.uk>
Date: Wed, 6 Sep 2023 15:55:16 +0100
Subject: [PATCH] Use bootstrap form controls for the link and html controls

---
 app/assets/javascripts/leaflet.share.js |  3 +++
 app/assets/stylesheets/common.scss      | 10 ----------
 2 files changed, 3 insertions(+), 10 deletions(-)

diff --git a/app/assets/javascripts/leaflet.share.js b/app/assets/javascripts/leaflet.share.js
index c72760c97..5fb189a76 100644
--- a/app/assets/javascripts/leaflet.share.js
+++ b/app/assets/javascripts/leaflet.share.js
@@ -68,6 +68,7 @@ L.OSM.share = function (options) {
       .append($("<input>")
         .attr("id", "long_input")
         .attr("type", "text")
+        .attr("class", "form-control form-control-sm font-monospace")
         .on("click", select));
 
     $("<div>")
@@ -77,6 +78,7 @@ L.OSM.share = function (options) {
       .append($("<input>")
         .attr("id", "short_input")
         .attr("type", "text")
+        .attr("class", "form-control form-control-sm font-monospace")
         .on("click", select));
 
     $("<div>")
@@ -86,6 +88,7 @@ L.OSM.share = function (options) {
       .append(
         $("<textarea>")
           .attr("id", "embed_html")
+          .attr("class", "form-control form-control-sm font-monospace")
           .on("click", select))
       .append(
         $("<p>")
diff --git a/app/assets/stylesheets/common.scss b/app/assets/stylesheets/common.scss
index f2c06052a..5fcbd83ab 100644
--- a/app/assets/stylesheets/common.scss
+++ b/app/assets/stylesheets/common.scss
@@ -573,16 +573,6 @@ body.small-nav {
 }
 
 .share-ui {
-  .share-link {
-    input[type=text],
-    textarea {
-      width: 100%;
-      font-family: monospace;
-      font-size: small;
-      line-height: 1.3;
-    }
-  }
-
   #mapnik_scale {
     width: 100px;
   }
-- 
2.39.5