style: added style for calendar reset button

scout-ch · Oct 25, 2024 · 7c0daac · 7c0daac
1 parent 3db133b
commit 7c0daac
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 16 deletions.
diff --git a/src/components/dropdown-button/DropdownButton.tsx b/src/components/dropdown-button/DropdownButton.tsx
@@ -41,7 +41,7 @@ const DropdownButton = ({ title, buttonContent, children }: Props) => {
 
     return (
         <div className="dropdown-container" ref={dropdownRef}>
-            <button className="btn-primary dropdown-button" onClick={toggleDropdown}>
+            <button className="btn btn-primary dropdown-button" onClick={toggleDropdown}>
                 {!!title ? (
                     title
                 ) : (!!buttonContent ? (

diff --git a/src/pages/calendar/components/CalendarForm.tsx b/src/pages/calendar/components/CalendarForm.tsx
@@ -210,7 +210,7 @@ function CalendarForm() {
 
             <div className="btn-group">
                 {hasActiveCache() &&
-                    <button className="download-btn" style={{ margin: '0 auto 0 0' }}
+                    <button className="btn" style={{ margin: '0 auto 0 0' }}
                             onClick={resetValues}>
                         {t('calendarPage.resetValues')}
                     </button>

diff --git a/src/style.less b/src/style.less
@@ -100,8 +100,7 @@ li {
 
   p,
   ul,
-  li,
-  h2 .btn {
+  li {
     font-size: 16.25px;
   }
 }
@@ -127,8 +126,7 @@ li {
 
   p,
   ul,
-  li,
-  h2 .btn {
+  li {
     font-size: 17.5px;
   }
 }
@@ -148,8 +146,7 @@ li {
 
   p,
   ul,
-  li,
-  h2 .btn {
+  li {
     font-size: 18.75px;
   }
 }
@@ -165,8 +162,7 @@ li {
 
   p,
   ul,
-  li,
-  h2 .btn {
+  li {
     font-size: 20px;
   }
 }
@@ -216,22 +212,31 @@ table {
   margin-bottom: 2rem;
 }
 
-button.btn-primary,
-a.btn-primary {
+button.btn {
   padding: 0.4em 0.5em;
   line-height: normal;
-  border: none;
-  color: white;
-  background: @color-primary-light;
   border-radius: 4px;
   display: flex;
   align-items: center;
   gap: 0.4em;
   font-size: 1.1rem;
   cursor: pointer;
 
+  border: 1px solid @color-primary-light;
+  color: @color-primary-light;
+  background: #fff;
+
   &:hover {
-    color: white;
     opacity: 0.5;
   }
+}
+
+button.btn-primary,
+a.btn-primary {
+  color: white;
+  background: @color-primary-light;
+
+  &:hover {
+    color: white;
+  }
 }