如何在物化上更改按钮位置？

Question

我遇到这种情况：

<div class="col s12 m3 center-align">
            <ul class="personal_info">
              <li><a href="#"><i class="material-icons icn_profile small">mail</i></a></li>
              <li style="margin-bottom:5px"><a href="" target="_blank"><i class="fa fa-linkedin icn_profile small" aria-hidden="true"></i></a></li>
              <li><a id="phone" class="tooltipped" data-delay="50" data-tooltip="00000" data-position="right"><i class="material-icons icn_profile small waves-effect">phone</i></a></li>
              <li style="margin-top:15px">
                <div class="fixed-action-btn horizontal click-to-toggle">
                  <a class="btn-floating btn">
                    <i class="small material-icons">language</i>
                  </a>
                  <ul>
                    <li><a class="btn-floating btn">Ita</a></li>
                    <li><a class="btn-floating btn">Esp</a></li>
                  </ul>
                </div>
              </li>
            </ul>
          </div>

当我点击浮动按钮时，相关按钮出现在页面的右上角，我该如何更改此行为？

我希望按钮保持在水平位置的切换按钮附近。如在物化文档（水晶工厂）中所示

我做的唯一改变是：

.fixed-action-btn.horizontal{
  position: static;
}

现在主按钮出现在我想要的位置，但是，当我点击它时，其他人不会靠近他。