Merge pull request #233 from eparadise/location-icon

Fixing location icon on small devices
code-for-chapel-hill · Jun 3, 2020 · 68969ec · 68969ec
2 parents 6591fa5 + d7ffc20
commit 68969ec
Showing 1 changed file with 14 additions and 4 deletions.
diff --git a/covid-19-support/src/components/ResourceMap.vue b/covid-19-support/src/components/ResourceMap.vue
@@ -393,17 +393,27 @@ div.markeropen svg path {
 }
 .user-location-button {
   bottom: 68px !important;
+  right: 2px !important;
+  @media (min-width: 768px) {
+    right: 0px !important;
+  }
 }
 .user-location-link {
-  border-radius: 4px;
+  border-radius: 2.5px;
   background-position: 50% 50%;
   background-repeat: no-repeat;
   display: block;
   background-color: $white;
   box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
-  width: 26px;
-  height: 26px;
-  line-height: 26px;
+  width: 30px;
+  height: 30px;
+  line-height: 30px;
+  @media (min-width: 768px) {
+    width: 26px;
+    height: 26px;
+    line-height: 26px;
+    border-radius: 4px;
+  }
   text-align: center;
   color: #000 !important;
   &:hover {