Html 如何使用css和角度ui使边栏水平折叠？

我想使用折叠角度ui指令来使用侧边栏的幻灯片功能，幻灯片正在工作，但

图表

按钮保持在同一位置。当侧边栏可见时，如何将

图表

按钮移到列的右侧，当侧边栏滑入时如何将按钮移到左侧？如果我添加

marginleft

diagrams

按钮将移动到cols的右侧，但当侧边栏不可见时，它不会返回到左侧

html

<div class="col-md-2">
  <div class="horizontal-collapse" uib-collapse="isCollapsed">
    <div class="col-md-2" style="position: static">
      <treecontrol class="tree-classic"
                   tree-model="dataForTheTree"
                   options="treeOptions"
                   on-selection="showSelected(node)"
                   selected-node="node1" id="treecontrol">

      <span  ng-click="importXMLFunction(node)">
        {{node.text}}
      </span>
      </treecontrol>
    </div>
  </div>
  <span type="button" class="btn btn-default" ng-click="isCollapsed = !isCollapsed" id="treelist">diagrams</span>
</div>

JS

$scope.isNavCollapsed = true;
$scope.isCollapsed = false;
$scope.isCollapsedHorizontal = false;

$scope.isNavCollapsed = true;
$scope.isCollapsed = false;
$scope.isCollapsedHorizontal = false;