in modebar plotly logo has same position in both orientations (v|h)

Author: antoinerg

build/plotcss.js

@@ -37,7 +37,8 @@ var rules = {
     "X .modebar-group": "float:left;display:inline-block;box-sizing:border-box;margin-left:8px;position:relative;vertical-align:middle;white-space:nowrap;",
     "X .modebar-btn": "position:relative;font-size:16px;padding:3px 4px;height:22px;cursor:pointer;line-height:normal;box-sizing:border-box;",
     "X .modebar-btn svg": "position:relative;top:2px;",
-    "X .modebar.vertical .modebar-group": "display:block;float:none;margin-left:0px;margin-top:8px;",
+    "X .modebar.vertical": "top:-1px;",
+    "X .modebar.vertical .modebar-group": "display:block;float:none;margin-left:0px;margin-bottom:8px;",
     "X .modebar.vertical .modebar-group .modebar-btn": "display:block;text-align:center;",
     "X [data-title]:before,X [data-title]:after": "position:absolute;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);display:none;opacity:0;z-index:1001;pointer-events:none;top:110%;right:50%;",
     "X [data-title]:hover:before,X [data-title]:hover:after": "display:block;opacity:1;",

src/css/_modebar.scss

@@ -45,14 +45,15 @@
 }
 
 .modebar.vertical {
+    top: -1px;
     .modebar-group {
         display: block;
         float: none;
         margin-left: 0px;
-        margin-top: 8px;
+        margin-bottom: 8px;
 
         .modebar-btn {
-            display:block;
+            display: block;
             text-align: center;
         }
     }