Set remove marker link margin-bottom in CSS

We were setting the margin-top property in CSS but the margin-bottom property by adding a div with a `.margin-bottom` HTML class.
2023-05-02 15:50:26 +02:00
parent a145fdb8a8
commit 59ed975f81
2 changed files with 4 additions and 5 deletions
--- a/app/assets/stylesheets/map_location.scss
+++ b/app/assets/stylesheets/map_location.scss
@@ -2,6 +2,7 @@
  border-bottom: 1px dotted #cf2a0e;
  color: $delete;
  display: inline-block;
+  margin-bottom: $line-height;
  margin-top: $line-height / 2;

  &:hover,
--- a/app/components/shared/map_location_component.rb
+++ b/app/components/shared/map_location_component.rb
@@ -38,12 +38,10 @@ class Shared::MapLocationComponent < ApplicationComponent
    end

    def remove_marker
-      tag.div class: "margin-bottom" do
      link_to remove_marker_label, "#",
        id: remove_marker_link_id,
        class: "map-location-remove-marker"
    end
-    end

    def data
      {