From e893ff4a63b9fa61d658698403907c64e88acaf8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Adria=CC=80=20Marti=CC=81nez?= <adria.martinez@build38.com>
Date: Sun, 7 Apr 2024 11:36:44 +0200
Subject: [PATCH] Concept

---
 src/views/Mentors.vue | 28 +++++++++++++---------------
 1 file changed, 13 insertions(+), 15 deletions(-)

diff --git a/src/views/Mentors.vue b/src/views/Mentors.vue
index d28be194..aec70fd5 100644
--- a/src/views/Mentors.vue
+++ b/src/views/Mentors.vue
@@ -24,18 +24,7 @@ import PanelContainer from '@/components/PanelContainer.vue'
         You can always find a mentor in the Mentors lobby, located at A5105 next
         to the Cafeteria.
         <br /><br />
-        📍Check where to find it in the <a href="/map/indoors">Map</a>!
-      </Panel>
-    </div>
-    <div class="mentorPan">
-      <Panel title="How to recognize a Mentor" size="small">
-        In order to recognize a Mentor you can check if <b>Mentor</b> is written
-        on their back!
-        <Panel :panel-content-image="`url('${MentorShirt}')`" size="small">
-          <div style="height: 400px"></div>
-        </Panel>
-      </Panel>
-      <Panel title="Help channel" size="small">
+        📍Check where to find it in the <a href="/map/indoors">Map</a>! <br/><br/>
         Also you can ask for help through the help channel on Slack!
         <IconLabel centered style="margin-top: 0.27rem">
           <template #icon>
@@ -46,11 +35,20 @@ import PanelContainer from '@/components/PanelContainer.vue'
             target="_blank"
             rel="noopener noreferrer"
             class="icon-label-link"
-            >#help
+          >#help
           </a>
         </IconLabel>
       </Panel>
     </div>
+    <div class="mentorPan">
+      <Panel title="How to recognize a Mentor" size="big">
+        In order to recognize a Mentor you can check if <b>Mentor</b> is written
+        on their back!
+        <Panel :panel-content-image="`url('${MentorShirt}')`" size="small">
+          <div style="height: 400px"></div>
+        </Panel>
+      </Panel>
+    </div>
     <div class="mentorPan">
       <Panel
         v-for="mentor in mentors"
@@ -93,11 +91,11 @@ import PanelContainer from '@/components/PanelContainer.vue'
 <style lang="scss" scoped>
 .mentorPan {
   display: flex;
-  max-width: 1300px;
+  align-items: center;
   flex-direction: row;
   justify-content: center;
+  max-width: 1300px;
   padding-bottom: 1.5rem;
-  margin: 0 auto;
 
   @media (max-width: 720px) {
     padding-top: 60px;