title: Angular js : Directive Accordion Button
body: <p>I could not put the button after the title in my accordion  using Angular js, how can I do that please in my template directive: have you an idea please.</p>
  
  <p>css :</p>
  
  <pre><code>.StyleButton {
      float : left !important;
      color: @mBlueLight !important;
      background-color: @mWhite;
      padding-left : 10px;
      padding-right :10px;
      margin-top :-3px;
      margin-right :10px;
      &amp;:hover{
          color:@mWhite;
      }
  }
  
  .directive('spotcam', function () {
      return {
          restrict: 'EA',
          replace: true,
          transclude: true,
          require: '^accordion',
          scope: { title: '@' },
          template: '&lt;div&gt;' + 
                    ' &lt;div class="title" ng-class="{true: \'selectedAccordionStyle\',false:\'\'}[showMe]"&gt; &lt;a class="more-less glyphicon glyphicon-plus" ng-class="{true: \'glyphicon glyphicon-minus\', false:\'glyphicon glyphicon-plus\'}[showMe]" data-ng-click="toggle()"&gt;&lt;/a&gt;  {{title}} &lt;button class="StyleButton"&gt; Valider la saisie&lt;/button&gt; &lt;/div&gt;' +
                     '&lt;div class="body" data-ng-show="showMe" data-ng-transclude=""&gt;&lt;/div&gt;' +
                     '&lt;/div&gt;',
          link: function (scope, element, attrs, accordionController) {
              scope.showMe = false;
              accordionController.addSpot(scope);
              scope.toggle = function () {
                  scope.showMe = !scope.showMe;
                  accordionController.Open(scope);
              };
          }
      }
  });
  </code></pre>