fix style for events widget

OpenDonationAssistant · Dec 23, 2024 · 44b9536 · 44b9536
1 parent 9032b03
commit 44b9536
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 19 deletions.
diff --git a/src/pages/Events/EventComponent.module.css b/src/pages/Events/EventComponent.module.css
@@ -74,17 +74,18 @@
   }
 }
 
-.replaybutton {
+button.replaybutton {
   line-height: 0px;
   height: min-content;
-
-  button&[class*="oda-btn-default"] {
-    color: var(--oda-secondary-text-color);
-    margin-top: 4px;
-    border: none;
-    box-shadow: none;
-    padding-left: 0px;
-    padding-right: 0px;
+  color: var(--oda-secondary-text-color);
+  background: transparent!important;
+  padding-top: 7px;
+  border: none;
+  box-shadow: none;
+  padding-left: 0px;
+  padding-right: 0px;
+  &:hover{
+    background: transparent!important;
   }
 
   [class*="active"] & {
@@ -96,18 +97,17 @@
   }
 }
 
-.stopbutton {
+button.stopbutton {
   color: red!important;
   display: none;
   line-height: 0px;
   height: min-content;
-
-  button&[class*="oda-btn-default"] {
-    border: none;
-    box-shadow: none;
-    padding-left: 0px;
-    padding-right: 0px;
-  }
+  background: transparent!important;
+  border: none;
+  box-shadow: none;
+  padding-top: 7px;
+  padding-left: 0px;
+  padding-right: 0px;
 
   [class*="active"] & {
     display: initial;

diff --git a/src/pages/Events/EventComponent.tsx b/src/pages/Events/EventComponent.tsx
@@ -73,13 +73,13 @@ export default function EventComponent({
               {data.displayedTime}
             </div>
             <button
-              className={`${classes.stopbutton} oda-btn-default`}
+              className={`${classes.stopbutton}`}
               onClick={() => interruptAlert()}
             >
               <span className="material-symbols-sharp">block</span>
             </button>
             <button
-              className={`${classes.replaybutton} oda-btn-default`}
+              className={`${classes.replaybutton}`}
               onClick={() => resendAlert(data)}
             >
               <span className="material-symbols-sharp">replay</span>