style search field, make main menu more fun

web/src/components/layout/Header.tsx

@@ -154,22 +154,22 @@ export const Header = () => {
                 {/* TODO: skal trolig ikke være så synlig ved lansering */}
                 <Link href="/foreninger">Foreninger*</Link>
               </li>
-              <li className={styles.search}>
-                <label>
-                  <p>Søk</p>
-                  <input type="text" onKeyDown={handleSearch} />
-                </label>
-              </li>
               <li className={styles.galtinn}>
                 <a
                   href="https://galtinn.neuf.no/"
                   target="_blank"
-                  className="button tertiary"
                 >
-                  <span>Mitt medlemskap</span>
+                  <span>Mitt medlemskap</span>&nbsp;
                   <Icon type="externalLink" />
                 </a>
               </li>
+              <li className={styles.search}>
+                <label>
+                  <p>Søk</p>
+                  <input type="text" onKeyDown={handleSearch} placeholder="Søk" />
+                  <div className={styles.searchIcon}><Icon type="search" /></div>
+                </label>
+              </li>
             </ul>
           </div>
         </nav>