Merge pull request #8460 from edx/alasdair/footer-mobile-app-link-bug

Fixes bug with app links in new footer
2015-06-10 13:38:41 -04:00
parent 4a93d531c1 ff849d206a
commit 2092d732a7
1 changed files with 12 additions and 6 deletions
--- a/lms/static/sass/shared/_footer-edx.scss
+++ b/lms/static/sass/shared/_footer-edx.scss
@@ -80,12 +80,15 @@ footer#footer-edx-v3 {
    }
  }

-  .social-media-links,
  .mobile-app-links {
    @include clearfix();
+    position: relative;
+    width: 260px;
+    height: 42px;
  }

  .social-media-links {
+    @include clearfix();
    margin-bottom: 30px;
  }

@@ -119,17 +122,20 @@ footer#footer-edx-v3 {
  }

  .app-link {
-    @include float(left);
-    @include margin-right(10px);
-    position: relative;
-    display: inline-block;
+    position: absolute;
+    top: 0;
+
+    &:first-of-type {
+      @include left(0);
+    }

    &:last-of-type {
-      @include margin-right(0);
+      @include right(0);
    }

    img {
      height: 40px;
+      max-width: 200px;
    }
  }