application styles

FightPandemics · May 7, 2021 · 21dea90 · 21dea90
1 parent dc63e57
commit 21dea90
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/client/src/components/Positions/ApplicationIntro.js b/client/src/components/Positions/ApplicationIntro.js
@@ -101,6 +101,7 @@ const ApplicantIntroTitle = styled.p`
 `;
 
 const AppilcantIntroBody = styled.p`
+    font-family: 'Work Sans';
     font-size: 1.6rem;
     overflow: hidden;
     font-style: normal;
@@ -110,11 +111,12 @@ const AppilcantIntroBody = styled.p`
     transition: all .5s ease;
 
     @media screen and (max-width: ${mq.phone.wide.maxWidth}) {
-        max-height: 8.2rem;
+        max-height: 7.2rem;
         letter-spacing: .04rem;
-        font-size: 1.4rem;
+        font-size: 1.3rem;
         color: ${colors.darkishGray};
         margin-bottom: 2rem;
+        line-height: normal;
     }
 
 `;

diff --git a/client/src/components/Positions/ApplicationStyles.js b/client/src/components/Positions/ApplicationStyles.js
@@ -90,6 +90,7 @@ export const ResponseField = styled.p`
   padding-bottom: 2.8rem;
   border-bottom: solid 1px ${colors.royalBlue};
   width: 100%;
+  line-height: normal;
   /* color: ${colors.darkishGray} !important; */
   @media screen and (max-width: ${mq.phone.wide.maxWidth}) {
     font-size: 1.2rem;