Change the speaker management buttons in the speaker page

openslides/agenda/static/templates/agenda/item-detail.html

@@ -44,8 +44,25 @@
 <!-- TODO:
    * show only 'add me' OR 'remove me' button
 -->
-  <button class="btn btn-default btn-sm" ng-click="showOldSpeakers = !showOldSpeakers">
+  <div os-perms="agenda.can_manage">
-    Show all old speakers
+    <button ng-click="beginSpeech()"
+        class="btn btn-primary">
+      <i class="fa fa-play"></i>
+      <translate>Start next speaker</translate>
+    </button>
+    <button ng-click="endSpeech()"
+        class="btn btn-default">
+      <i class="fa fa-stop"></i>
+      <translate>Stop current speaker</translate>
+    </button>
+  </div>
+
+  <div>
+    <button ng-click="showOldSpeakers = !showOldSpeakers"
+        class="btn btn-sm btn-default spacer">
+      <i ng-if="!showOldSpeakers" class="fa fa-toggle-off"></i>
+      <i ng-if="showOldSpeakers"class="fa fa-toggle-on"></i>
+      <translate>Show all speakers</translate>
     </button>
     <div uib-collapse="!showOldSpeakers">
       <h3 translate>Old speakers:</h3>
@@ -56,12 +73,25 @@
             [{{ speaker.begin_time | date:'yyyy-MM-dd HH:mm:ss' }} –
              {{ speaker.end_time | date:'yyyy-MM-dd HH:mm:ss' }}]
           </small>
+          <button os-perms="agenda.can_manage" ng-click="removeSpeaker(speaker.id)"
+              class="btn btn-default btn-xs">
+            <i class="fa fa-times"></i>
+          </button>
       </ol>
     </div>
+  </div>
 
-  <h3 translate>Current speaker:</h3>
+  <h3 translate class="">Current speaker:</h3>
   <strong ng-repeat="speaker in item.speakers | filter: {end_time: null, begin_time: '!!'}">
     {{ speaker.user.get_full_name() }}
+    <button os-perms="agenda.can_manage" ng-click="removeSpeaker(speaker.id)"
+        class="btn btn-default btn-xs">
+      <i class="fa fa-times"></i>
+    </button>
+    <button os-perms="agenda.can_manage" ng-click="endSpeech()"
+        class="btn btn-default btn-xs">
+      <i class="fa fa-stop"></i>
+    </button>
   </strong>
 
   <h3 translate>Next speakers:</h3>
@@ -112,16 +142,5 @@
         <i class="fa fa-minus"></i>
         <translate>Remove me</translate>
       </button>
-    <p os-perms="agenda.can_manage">
-      <button ng-click="beginSpeech()"
-          class="btn btn-primary">
-        <i class="fa fa-play"></i>
-        <translate>Start next speaker</translate>
-      </button>
-      <button ng-click="endSpeech()"
-          class="btn btn-default">
-        <i class="fa fa-stop"></i>
-        <translate>Stop current speaker</translate>
-      </button>
   </div>
 </div>