chore: added links to other external tools; changed design of the donation button

src/components/StationsView/StationFilterCard.vue

@@ -411,11 +411,6 @@ h3.section-header {
 .card_controls {
   display: flex;
   gap: 0.5em;
-
-  input {
-    border-radius: 0.5em 0.5em 0 0;
-    height: 100%;
-  }
 }
 
 .card_content {
@@ -606,7 +601,7 @@ h3.section-header {
       border: 3px solid var(--clr-primary);
       background-color: #333;
 
-      @include responsive.smallScreen{
+      @include responsive.smallScreen {
         width: 15px;
         height: 15px;
         margin-top: -5px;
@@ -625,7 +620,7 @@ h3.section-header {
 
       cursor: pointer;
 
-      @include responsive.smallScreen{
+      @include responsive.smallScreen {
         width: 1em;
         height: 1em;
         border: 3px solid var(--clr-primary);
@@ -658,7 +653,7 @@ h3.section-header {
   }
 }
 
-@include responsive.smallScreen{
+@include responsive.smallScreen {
   .slider {
     display: flex;
     flex-wrap: wrap;
@@ -672,5 +667,9 @@ h3.section-header {
       text-align: center;
     }
   }
+
+  .card_controls > button > p {
+    display: none;
+  }
 }
 </style>

src/components/StationsView/StationStats.vue

@@ -8,7 +8,7 @@
 
     <button class="filter-button btn--filled btn--image" @click="toggleDropdown" ref="button">
       <img src="/images/icon-stats.svg" alt="Open filters icon" />
-      {{ $t('station-stats.stats-button') }}
+      <span>{{ $t('station-stats.stats-button') }}</span>
     </button>
 
     <transition name="dropdown-anim">
@@ -282,5 +282,9 @@ h1.stats-title img {
   h1.stats-title {
     text-align: center;
   }
+
+  .filter-button > span {
+    display: none;
+  }
 }
 </style>