improved landing screen

DashaBes · Dec 23, 2019 · 45b52cd · 45b52cd
1 parent 38eb9b9
commit 45b52cd
Show file tree

Hide file tree

Showing 5 changed files with 12 additions and 4 deletions.
diff --git a/src/components/core/UI/style/Button.module.css b/src/components/core/UI/style/Button.module.css
@@ -16,6 +16,7 @@ label.Button {
   color: inherit;
   font-size: inherit;
   font-weight: inherit;
+  font-family: Fira Sans;
   cursor: pointer;
   text-decoration: inherit;
   padding: 0;

diff --git a/src/components/core/UI/style/Card.module.css b/src/components/core/UI/style/Card.module.css
@@ -2,11 +2,13 @@
   background-color: #fff;
   border: 2px solid #000;
   width: 40rem;
-  height: 25rem;
+  height: 22rem;
   padding: 1em 2.5em;
 }
 
 .rounded {
+  width: 40rem;
+  height: 25rem;
   border: none;
   border-radius: 1.5rem;
   box-shadow: 2.5px 5px 15px rgba(0, 0, 0, 0.25);

diff --git a/src/components/core/UI/style/Text.module.css b/src/components/core/UI/style/Text.module.css
@@ -30,11 +30,11 @@ p {
 }
 
 .body2 {
-
+  font-size: 1rem;
 }
 
 .body3 {
-
+  font-size: 0.75rem;
 }
 
 .bold {

diff --git a/src/landing/Landing.jsx b/src/landing/Landing.jsx
@@ -74,13 +74,15 @@ const Landing = () => {
               <Spinner text="Loading your cards..." />
             )}
           </DragAndDropCard>
+          <div className={classes.format_link}>
           <IconWrapper iconSize={1.5} iconType="help">
             <div className={classes.format_instructions}>
-              <Text type="body1" underline>
+              <Text type="body2" underline>
                 <Button type="link" value="How do I format my .json?" />
               </Text>
             </div>
           </IconWrapper>
+          </div>
         </VerticalLayout>
       ) : (
         <>

diff --git a/src/landing/Landing.module.css b/src/landing/Landing.module.css
@@ -1,3 +1,6 @@
 .format_instructions {
   color: black;
+}
+.format_link {
+  margin-top: 2rem;
 }