Adjusted weather pop out styles for responsiveness

diff --git a/css/app.css b/css/app.css
index ac93538..decb4c1 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -7684,21 +7684,21 @@ footer.main {
     display: none;
     width: 264px;
     height: 200px;
-    bottom: 190px;
+    bottom: 210px;
     left: -4px; }
     @media only screen and (min-width:0em) and (max-width:64em) {
       #footer-weather #weather-widget {
         left: 13px;
-        bottom: 180px; } }
+        bottom: 210px; } }
     #footer-weather #weather-widget:after {
       content: url(../assets/weather-arrow-down.png);
       position: absolute;
-      top: 229px;
+      top: 245px;
       left: 45%; }
       @media only screen and (min-width:0em) and (max-width:64em) {
         #footer-weather #weather-widget:after {
-          top: 229px;
-          left: 53px; } }
+          top: 245px;
+          left: 81px; } }
     #footer-weather #weather-widget .wu-wrapper {
       border: 3px solid #f27225;
       background: white; }

diff --git a/scss/_page.footer.scss b/scss/_page.footer.scss
index 4e0e6f9..14c9298 100644 (file)
--- a/scss/_page.footer.scss
+++ b/scss/_page.footer.scss
@@ -150,20 +150,20 @@ footer.main {
         display: none;
         width: 264px;
         height: 200px;
-        bottom: 190px;
+        bottom: 210px;
         left: -4px;
         @media #{$medium-down} {
             left: 13px;
-            bottom: 180px;
+            bottom: 210px;
         }
         &:after {
             content: url(../assets/weather-arrow-down.png);
             position: absolute;
-            top: 229px;
+            top: 245px;
             left: 45%;
             @media #{$medium-down} {
-                top: 229px;
-                left: 53px;
+                top: 245px;
+                left: 81px;
             }
         }
         .wu-wrapper {