fix: buttons

src/components/homepage-navV2.js

@@ -21,8 +21,8 @@ class homeNavV2 extends LitElement {
         <div class="navbar-end navEnd">
           <div class="navbar-item">
             <div class="buttons">
-              <a class="button is-round signIn-button">Website</a>
-              <a class="button is-round website-button">Sign Up</a>
+              <a class="button is-round register-button">Register</a>
+              <a class="button is-round signIn-button">Sign In</a>
             </div>
           </div>
         </div>

src/components/oae.js

@@ -42,10 +42,10 @@ class OAE extends PageViewElement {
                   <home-search-v2></home-search-v2>
                   <div class="button-wrap buttons-landing">
                       <a class="button cta is-rounded primary-btn button-start">
-                          Get Started
+                          Search
                       </a>
                       <a class="button cta is-rounded button-filter">
-                          Filter Results
+                          Filter 
                       </a>
                   </div>
               </div>

style/homepage-navv2.scss

@@ -13,10 +13,9 @@
 
 .home-nav {
   background: white;
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 30px rgba(0, 0, 0, 0.24);
 }
 
-.signIn-button {
+.register-button {
   font-size: 1em;
   border-radius: 25px;
   color: #00253d;
@@ -29,7 +28,7 @@
   }
 }
 
-.website-button {
+.signIn-button {
   font-size: 1em;
   border-radius: 25px;
   width: 80px;

style/homepage-searchV2.scss

@@ -1,42 +1,30 @@
 .home-search {
-	vertical-align: middle;
+  vertical-align: middle;
 }
 
 .home-search input {
-	height: 2.5em;
-	border-style: solid;
-	border-color: white;
-	background-color: #E9EFF5;
-	border-width: 1px;
-	&:hover, :active :focus {
-		border-style: solid;
-		border-color: white;
-		background-color: #E9EFF5;
-		border-width: 1px;
-	}
+  height: 2.5em;
+  border-style: solid;
+  border-color: white;
+  background-color: #e9eff5;
+  border-width: 1px;
+  &:hover,
+  :active :focus {
+    border-style: solid;
+    border-color: white;
+    background-color: #e9eff5;
+    border-width: 1px;
+  }
 }
 
-.input:focus {
-	border-style: solid;
-	border-color: white;
-	border-width: 1px;
-	background-color: white;
+p.control {
+	width: 20em;
 }
 
-.input:focus + .icon {
-	color: blue;
+.filter {
+  padding-left: 25px;
 }
 
-.home-searchIcon {
-	display: flex;
-	justify-content: center;
-	align-items: center;
+span.filter-icon {
+	margin-right: 20px;
 }
-
-.is-gapless {
-	background: url("/images/background_02.jpg") no-repeat center fixed;
-	-webkit-background-size: cover;
-	-moz-background-size: cover;
-	-o-background-size: cover;
-	background-size: cover;
-}

style/homepage-v2.scss

@@ -33,6 +33,8 @@ $secondaryFontColor: #424242;
 
 .button.button-start {
   background-color: #e9eff5;
+  width: 80px;
+  height: 30px;
   color: #2274ff;
   border: none;
   &:hover {
@@ -43,6 +45,8 @@ $secondaryFontColor: #424242;
 
 .button.button-filter {
   background-color: transparent;
+  width: 80px;
+  height: 30px;
   color: $fontColour;
   border: none;
   &:hover {