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.
This commit is contained in:
@@ -2,6 +2,7 @@
|
|||||||
border-bottom: 1px dotted #cf2a0e;
|
border-bottom: 1px dotted #cf2a0e;
|
||||||
color: $delete;
|
color: $delete;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
margin-bottom: $line-height;
|
||||||
margin-top: $line-height / 2;
|
margin-top: $line-height / 2;
|
||||||
|
|
||||||
&:hover,
|
&:hover,
|
||||||
|
|||||||
@@ -38,12 +38,10 @@ class Shared::MapLocationComponent < ApplicationComponent
|
|||||||
end
|
end
|
||||||
|
|
||||||
def remove_marker
|
def remove_marker
|
||||||
tag.div class: "margin-bottom" do
|
|
||||||
link_to remove_marker_label, "#",
|
link_to remove_marker_label, "#",
|
||||||
id: remove_marker_link_id,
|
id: remove_marker_link_id,
|
||||||
class: "map-location-remove-marker"
|
class: "map-location-remove-marker"
|
||||||
end
|
end
|
||||||
end
|
|
||||||
|
|
||||||
def data
|
def data
|
||||||
{
|
{
|
||||||
|
|||||||
Reference in New Issue
Block a user