fix: alignment of new gallery arrows

grupapromo · Jul 4, 2013 · a5bfe55 · a5bfe55
1 parent cb039f6
commit a5bfe55
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/dist/magnific-popup.css b/dist/magnific-popup.css
@@ -210,17 +210,18 @@ button::-moz-focus-inner {
   .mfp-arrow-left:after,
   .mfp-arrow-left .mfp-a {
     border-right: 17px solid white;
-    left: 6px; }
+    margin-left: 31px; }
   .mfp-arrow-left:before,
   .mfp-arrow-left .mfp-b {
+    margin-left: 25px;
     border-right: 27px solid #3f3f3f; }
 
 .mfp-arrow-right {
   right: 0; }
   .mfp-arrow-right:after,
   .mfp-arrow-right .mfp-a {
     border-left: 17px solid white;
-    left: 4px; }
+    margin-left: 39px; }
   .mfp-arrow-right:before,
   .mfp-arrow-right .mfp-b {
     border-left: 27px solid #3f3f3f; }

diff --git a/src/css/main.scss b/src/css/main.scss
@@ -345,11 +345,12 @@ button::-moz-focus-inner {
     &:after,
     .mfp-a {
       border-right: 17px solid #FFF;
-      left: 6px;
+      margin-left: 31px;
     }
     &:before,
     .mfp-b {
-       border-right: 27px solid #3f3f3f;
+      margin-left: 25px;
+      border-right: 27px solid #3f3f3f;
     }
   }
 
@@ -358,7 +359,7 @@ button::-moz-focus-inner {
     &:after,
     .mfp-a {
       border-left: 17px solid #FFF;
-      left: 4px;
+      margin-left: 39px
     }
     &:before,
     .mfp-b {