fix refresh button position on mobile

pinballmap · Dec 9, 2024 · 2c7494d · 2c7494d
1 parent 8891df3
commit 2c7494d
Show file tree

Hide file tree

Showing 5 changed files with 12 additions and 6 deletions.
diff --git a/app/assets/stylesheets/application.scss.erb b/app/assets/stylesheets/application.scss.erb
@@ -1368,6 +1368,10 @@ input.single_hide {
   cursor: pointer;
 }
 
+#refresh_button:hover {
+  background-color: #CBE7CD;
+}
+
 .toggle_btn_reg {
   left: 43%;
 }

diff --git a/app/assets/stylesheets/mobile-application.scss.erb b/app/assets/stylesheets/mobile-application.scss.erb
@@ -634,7 +634,7 @@ input.single_hide {
 
 #zoom_in_more {
   position: relative;
-  padding: 0px 5px 10px;
+  padding: 0px 5px;
   font-size: 20px;
   width: auto;
   left: 0;
@@ -649,6 +649,7 @@ input.single_hide {
   top: 440px;
   left: 50% !important;
   margin-left: -55px;
+  position: absolute;
 }
 
 #search_link_wrapper {
@@ -657,6 +658,7 @@ input.single_hide {
   z-index: 100;
   top: 105px;
   left: 20px !important;
+  position: absolute;
 }
 
 #search_link_wrapper a {

diff --git a/app/views/pages/map.html.haml b/app/views/pages/map.html.haml
@@ -38,12 +38,12 @@
     = render :partial => 'locations/map'
 
   #search_link_wrapper.hide_button.toggle_btn_reg
-    =link_to "Link to this Search Result", "", :id => "search_link"
+    =link_to "Link to this Search Result", "", :id => "search_link", :class => "font14"
   #refresh_button.toggle_btn_reg
     %div.refresh_button{:onclick => "zoomCheck();"}
       Refresh this map area
   #zoom_in_more.toggle_btn_reg
-    %span.red.font14.p_5
+    %span.red.font14
       Zoom in further to refresh results!
 
   %button#top_button{onclick: "topFunction()", title: "Go to top"} Top

diff --git a/app/views/pages/operators.html.haml b/app/views/pages/operators.html.haml
@@ -23,7 +23,7 @@
     = render :partial => 'locations/map'
 
   #search_link_wrapper.hide_button.toggle_btn_reg
-    =link_to "Link to this Search Result", "", :id => "search_link"
+    =link_to "Link to this Search Result", "", :id => "search_link", :class => "font14"
   #zoom_in_more
   %button#top_button{onclick: "topFunction()", title: "Go to top"} Top
 

diff --git a/app/views/pages/region.html.haml b/app/views/pages/region.html.haml
@@ -9,12 +9,12 @@
     #map
       = render :partial => 'locations/map'
   #search_link_wrapper.hide_button.toggle_btn_reg
-    =link_to "Link to this Search Result", "", :id => "search_link"
+    =link_to "Link to this Search Result", "", :id => "search_link", :class => "font14"
   #refresh_button.toggle_btn_reg
     %div.refresh_button{:onclick => "zoomCheck();"}
       Refresh this map area
   #zoom_in_more.toggle_btn_reg
-    %span.red.font14.p_5
+    %span.red.font14
       Zoom in further to refresh results!
 
   %button#top_button{onclick: "topFunction()", title: "Go to top"} Top