Merge pull request #41 from CrossRef/PREP-109_Publisher_UI_update

Prep 109 publisher ui update
CrossRef · Jun 5, 2018 · c6b3839 · c6b3839
2 parents 7654099 + 334068a
commit c6b3839
Show file tree

Hide file tree

Showing 20 changed files with 585 additions and 906 deletions.
diff --git a/app/components/landingPage/styles/style-landingPage.scss b/app/components/landingPage/styles/style-landingPage.scss
@@ -32,38 +32,37 @@
       box-sizing: border-box;
       padding-bottom: 16px;
 
+      @media (max-width: 768px) {
+        max-width: 736px;
+      }
+
+      @media (max-width: 480px) {
+        max-width: 461px;
+        width: 100%;
+      }
+
       .searchTitle {
         margin: 11.5px 0 10.5px 4%;
         color: white;
         font-family: $regularFont;
         font-size: 20px;
         position: relative;
 
+        @media (max-width: 480px) {
+          margin: 11.5px 0 10.5px 2%;
+        }
+
         .bannerText {
           position: absolute;
           bottom: 65px;
           margin: 0;
-          color: black;
+          color: #4F5858;
           font-size: 22px;
           font-family: $regularFont;
         }
 
-      } @media (max-width: 480px) {
-        .searchTitle {
-          margin: 11.5px 0 10.5px 2%;
-        }
-      }
-    } @media (max-width: 768px) {
-      .searchContainer {
-        max-width: 736px;
-      }
-    } @media (max-width: 480px) {
-      .searchContainer {
-        max-width: 461px;
-        width: 100%;
       }
     }
-
   }
 
   .content {
@@ -140,7 +139,7 @@
         }
 
         .button {
-          height: 48px;
+          height: 44px;
           width: 208px;
           background-color: white;
           justify-content: center;
@@ -149,7 +148,7 @@
           font-family: $regularFont;
           cursor: pointer;
           border: 2px solid #4F5858;
-          border-radius: 5px;
+          border-radius: 3px;
 
           @media (max-width: 768px) {
             margin-top: 21px;

diff --git a/app/components/learnMorePage/learnMorePage.js b/app/components/learnMorePage/learnMorePage.js