From 1dae4eaf93e96c1e02acab3408637ef2f3aa6c39 Mon Sep 17 00:00:00 2001
From: darksnake <altavir@gmail.com>
Date: Sat, 3 Apr 2021 18:09:17 +0300
Subject: [PATCH] Typography fix for magprog

---
 src/components/magprog/assets/sass/base/_typography.scss      | 2 +-
 .../magprog/assets/sass/components/_spotlights.scss           | 1 +
 src/components/magprog/assets/sass/magprog.scss               | 4 +---
 src/pages/magprog/index.js                                    | 4 ++--
 4 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/src/components/magprog/assets/sass/base/_typography.scss b/src/components/magprog/assets/sass/base/_typography.scss
index 1b85179..54e5f85 100644
--- a/src/components/magprog/assets/sass/base/_typography.scss
+++ b/src/components/magprog/assets/sass/base/_typography.scss
@@ -26,7 +26,7 @@ body, input, select, textarea {
   }
 }
 
-a {
+section a {
   @include vendor('transition', (
           'color #{_duration(transition)} ease',
           'border-bottom-color #{_duration(transition)} ease'
diff --git a/src/components/magprog/assets/sass/components/_spotlights.scss b/src/components/magprog/assets/sass/components/_spotlights.scss
index 3a1167c..77676da 100644
--- a/src/components/magprog/assets/sass/components/_spotlights.scss
+++ b/src/components/magprog/assets/sass/components/_spotlights.scss
@@ -23,6 +23,7 @@
       display: block;
       position: relative;
       width: 25em;
+      padding-top: 4em;
 
       img {
         border-radius: 0;
diff --git a/src/components/magprog/assets/sass/magprog.scss b/src/components/magprog/assets/sass/magprog.scss
index 815ffaf..500cad4 100644
--- a/src/components/magprog/assets/sass/magprog.scss
+++ b/src/components/magprog/assets/sass/magprog.scss
@@ -57,6 +57,7 @@
   @import 'layout/intro';
 
   #site-navbar {
+    height: 75px;
     .container {
       max-width: 1160px;
       width: 100%;
@@ -65,11 +66,8 @@
     }
 
     font-weight: 400;
-    text-decoration: none;
-
     z-index: 100000;
   }
-
 }
 
 @import 'layout/footer';
diff --git a/src/pages/magprog/index.js b/src/pages/magprog/index.js
index 8e0d027..b5362b6 100644
--- a/src/pages/magprog/index.js
+++ b/src/pages/magprog/index.js
@@ -24,7 +24,7 @@ function mentors(edges) {
                 const photo = edge.node.frontmatter.photo;
 
                 return <section key={`mentor_${id}`} id={`mentor_${id}`}>
-                    <div className="image left">
+                    <div className="image fit">
                         <img src={withPrefix(`images/magprog/mentors/${photo}`)}
                              alt={name}
                         />
@@ -64,7 +64,7 @@ function team(edges) {
 
                 return (
                     <section key={`team_${id}`}>
-                        <div className="image right">
+                        <div className="image fit">
                             <img src={withPrefix(`images/members/${photo}`)}
                                  alt={name}/>
                         </div>