fix: button icons

components/realtime/Sse.vue

@@ -16,20 +16,16 @@
         </li>
         <div>
           <li>
-            <label for="start" class="hide-on-small-screen">&nbsp;</label>
             <ButtonSecondary
               id="start"
               :disabled="!serverValid"
               name="start"
               class="button rounded-b-lg md:rounded-bl-none md:rounded-br-lg"
+              :icon="!connectionSSEState ? $t('start') : $t('stop')"
+              :label="!connectionSSEState ? 'sync' : 'sync_disabled'"
+              reverse
               @click.native="toggleSSEConnection"
             />
-            {{ !connectionSSEState ? $t("start") : $t("stop") }}
-            <span>
-              <i class="material-icons">
-                {{ !connectionSSEState ? "sync" : "sync_disabled" }}
-              </i>
-            </span>
           </li>
         </div>
       </ul>