last mobile button styles

OSU-Sustainability-Office · Sep 23, 2023 · 33ebc06 · 33ebc06
1 parent 84b725f
commit 33ebc06
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/src/components/map/compareButton.vue b/src/components/map/compareButton.vue
@@ -18,7 +18,7 @@ export default {
  position: absolute;
  top: 78px;
  left: 10px;
- width: 170px;
+ width: 150px;
  height: 40px;
  background-color: white;
  border: 2px solid rgba(0, 0, 0, 0.2);
@@ -30,4 +30,10 @@ export default {
  cursor: pointer;
  font-size: 15px;
 }
+@media only screen and (max-width: 600px) {
+ .bigButton {
+ width: 170px;
+ left: 0px;
+ }
+}
 </style>
diff --git a/src/components/map/map.vue b/src/components/map/map.vue
@@ -765,10 +765,10 @@ $sideMenu-width: 250px;
  display: flex;
  align-items: center;
  position: absolute;
- top: 20px;
+ top: 10px;
  left: 50px;
  width: 110px;
- height: 40px;
+ height: 63px;
  background-color: white;
  border: 2px solid rgba(0, 0, 0, 0.2);
  background-clip: padding-box;