Concept

hackupc · Apr 7, 2024 · e893ff4 · e893ff4
1 parent 04a8c1e
commit e893ff4
Showing 1 changed file with 13 additions and 15 deletions.
diff --git 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;