Made comparison button more noticable

NYCPlanning · Mar 27, 2024 · 95a4678 · 95a4678
1 parent c2d9cbf
commit 95a4678
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 5 deletions.
diff --git a/app/styles/layouts/_l-default.scss b/app/styles/layouts/_l-default.scss
@@ -266,3 +266,17 @@ body.index {
     left: 50%;
   }
 }
+
+.add-comparison-lot-button {
+  border: 1px solid;
+  border-color: green;
+  border-radius: 5px;
+  padding: .5rem;
+  margin-bottom: .5rem;
+  color: green;
+  &:hover {
+    background-color: green;
+    border: 1px solid;
+    color: white;
+  }
+}
diff --git a/app/templates/components/layer-record-views/tax-lot.hbs b/app/templates/components/layer-record-views/tax-lot.hbs
@@ -5,12 +5,10 @@
       {{fa-icon icon="times"  transform="grow-1 up-1"}}
     </button>
   {{else}}
-    <button {{action 'linkToLotComparison'}}>
-      <EmberPopover @side="top" @popperContainer="body">
-        Add another tax lot for comparison
-      </EmberPopover>
-      <span class="show-for-medium" style="color: green;">{{fa-icon icon="plus"  transform="grow-10 up-1"}}&nbsp;</span>
+    <button class="add-comparison-lot-button"  {{action 'linkToLotComparison'}}>
+      <span class="show-for-medium">{{fa-icon icon="plus"  transform="grow-10 up-1"}}&nbsp;&nbsp;Add Another Tax Lot for Comparison</span>
     </button>
+    <br />
   {{/if}}
 
   TAX LOT