fix: donator text gradient placement

src/components/StationsView/StationTable.vue

@@ -123,10 +123,9 @@
                 @click.prevent="openDonationCard"
                 data-tooltip-type="DonatorTooltip"
                 :data-tooltip-content="$t('donations.dispatcher-message')"
-                class="text--donator"
               >
-                <img src="/images/icon-diamond.svg" alt="" />
-                {{ station.onlineInfo.dispatcherName }}
+                <img src="/images/icon-diamond.svg" alt="donator diamond icon" />
+                <span class="text--donator">&nbsp;{{ station.onlineInfo.dispatcherName }}</span>
               </b>
 
               <div v-else>

src/components/Tooltip/DonatorTooltip.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="tooltip-content">
-    <img src="/images/icon-diamond.svg" alt="diamond icon" />
+    <img src="/images/icon-diamond.svg" alt="donator diamond icon" />
     <span>{{ tooltipStore.content }}</span>
   </div>
 </template>

src/components/TrainsView/TrainInfo.vue

@@ -59,9 +59,8 @@
             v-if="apiStore.donatorsData.includes(train.driverName)"
             data-tooltip-type="DonatorTooltip"
             :data-tooltip-content="$t('donations.driver-message')"
-            class="text--donator"
           >
-            {{ train.driverName }}
+            <span class="text--donator">{{ train.driverName }}&nbsp;</span>
             <img src="/images/icon-diamond.svg" alt="donator diamond icon" />
           </b>
 

src/views/StationsView.vue

@@ -39,8 +39,8 @@
             @click="isDonationCardOpen = true"
             @focus="isDonationCardOpen = false"
           >
-            <img src="/images/icon-diamond.svg" alt="dollar donation icon" />
-            <span>{{ $t('donations.button-title') }}</span>
+            <img src="/images/icon-diamond.svg" alt="donator diamond icon" />
+            <span>&nbsp;{{ $t('donations.button-title') }}</span>
           </button>
         </div>
       </div>