Adjusting weather widget spacing in the footer
authorLaury GvR <laury@gaslightmedia.com>
Wed, 13 Sep 2017 20:32:57 +0000 (16:32 -0400)
committerLaury GvR <laury@gaslightmedia.com>
Wed, 13 Sep 2017 20:32:57 +0000 (16:32 -0400)
css/app.css
scss/_page.footer.scss

index 9171721..da88137 100644 (file)
@@ -7350,20 +7350,20 @@ footer.main {
     display: none;
     width: 264px;
     height: 200px;
-    bottom: 180px;
+    bottom: 230px;
     left: -65px; }
     @media only screen and (min-width:0em) and (max-width:64em) {
       #footer-weather #weather-widget {
         left: 0;
-        bottom: 180px; } }
+        bottom: 230px; } }
     #footer-weather #weather-widget:after {
       content: url(../assets/weather-arrow-down.png);
       position: absolute;
-      top: 229px;
+      top: 261px;
       left: 45%; }
       @media only screen and (min-width:0em) and (max-width:64em) {
         #footer-weather #weather-widget:after {
-          top: 229px;
+          top: 261px;
           left: 53px; } }
     #footer-weather #weather-widget .wu-wrapper {
       border: 3px solid #f27225;
index 65e5915..cdd740e 100644 (file)
@@ -152,19 +152,19 @@ footer.main {
         display: none;
         width: 264px;
         height: 200px;
-        bottom: 180px;
+        bottom: 230px;
         left: -65px;
         @media #{$medium-down} {
             left: 0;
-            bottom: 180px;
+            bottom: 230px;
         }
         &:after {
             content: url(../assets/weather-arrow-down.png);
             position: absolute;
-            top: 229px;
+            top: 261px;
             left: 45%;
             @media #{$medium-down} {
-                top: 229px;
+                top: 261px;
                 left: 53px;
             }
         }