From 8e5465272b15efba3d83629a5dc7691f72bdf1a9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Carlota=20Catot=20Brag=C3=B3s?= <carkbra@gmail.com>
Date: Sun, 7 Apr 2024 21:09:57 +0200
Subject: [PATCH] Fix in schedule view: Change buttons to make it more clear
 that are a button (#527)

---
 src/views/Schedule.vue | 27 +++++++++++++--------------
 1 file changed, 13 insertions(+), 14 deletions(-)

diff --git a/src/views/Schedule.vue b/src/views/Schedule.vue
index 5af3cda5..a3e8654e 100644
--- a/src/views/Schedule.vue
+++ b/src/views/Schedule.vue
@@ -22,7 +22,6 @@ const currentSchedule = computed<'live' | 'detailed'>(() => {
 <template>
   <PanelContainer id="schedule" class="schedule">
     <div class="explore">
-      <p class="explore__title">Select your favourite view</p>
       <div class="explore__list">
         <RouterLink
           :to="{
@@ -80,22 +79,17 @@ const currentSchedule = computed<'live' | 'detailed'>(() => {
 }
 
 .explore {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
   margin-top: 20px;
-  text-align: center;
-
-  &__title {
-    margin: 0 0 20px;
-    color: $primary-color-light;
-    font-size: 20px;
-    font-weight: bold;
-    text-align: center;
-  }
+  margin-right: 20px;
 }
 
 .note {
-  margin: 15px 0;
+  margin: 0;
   color: $primary-color-light;
-  font-size: 18px;
+  font-size: 15px;
   text-align: center;
 }
 
@@ -103,10 +97,10 @@ const currentSchedule = computed<'live' | 'detailed'>(() => {
   display: inline-block;
   padding: 8px 24px;
   margin: 0 0.2em 16px;
-  background: $primary-color;
+  background: $links-color;
   border-radius: 3px;
   box-shadow: 0 2px 10px rgb(0 0 0 / 20%);
-  color: $text-color;
+  color: #000;
   cursor: url('../assets/img/rocket-fire.png'), auto;
   font-weight: bold;
 
@@ -115,5 +109,10 @@ const currentSchedule = computed<'live' | 'detailed'>(() => {
     opacity: 0.4;
     pointer-events: none;
   }
+
+  &:hover {
+    background: $links-color-hover;
+    color: #fff;
+  }
 }
 </style>