From 77d44c697e99bcf920563ff578839a4ab67f7df6 Mon Sep 17 00:00:00 2001
From: Carter <safe@fea.st>
Date: Mon, 22 Jan 2024 11:29:24 -0800
Subject: [PATCH] fix icon buttons

---
 theseus_gui/src/components/ui/RunningAppBar.vue | 15 ++-------------
 1 file changed, 2 insertions(+), 13 deletions(-)

diff --git a/theseus_gui/src/components/ui/RunningAppBar.vue b/theseus_gui/src/components/ui/RunningAppBar.vue
index 6586d883b..bcf2a104c 100644
--- a/theseus_gui/src/components/ui/RunningAppBar.vue
+++ b/theseus_gui/src/components/ui/RunningAppBar.vue
@@ -4,7 +4,7 @@
       v-if="currentLoadingBars.length > 0"
       ref="infoButton"
       icon-only
-      class="icon-button show-card-icon"
+      class="show-card-icon"
       @click="toggleCard()"
     >
       <DownloadIcon />
@@ -30,7 +30,7 @@
           <DropdownIcon />
         </div>
       </div>
-      <Button v-tooltip="'Stop instance'" icon-only class="icon-button stop" @click="stop()">
+      <Button v-tooltip="'Stop instance'" icon-only class="stop" @click="stop()">
         <StopCircleIcon />
       </Button>
       <Button v-tooltip="'View logs'" icon-only class="icon-button" @click="goToTerminal()">
@@ -319,17 +319,6 @@ onBeforeUnmount(() => {
   }
 }
 
-.icon-button {
-  background-color: rgba(0, 0, 0, 0);
-  box-shadow: none;
-  width: 1.25rem !important;
-  height: 1.25rem !important;
-
-  &.stop {
-    --text-color: var(--color-red) !important;
-  }
-}
-
 .info-card {
   position: absolute;
   top: 3.5rem;