Navigation bar

src/__test__/__snapshots__/Dropdown.test.js.snap

@@ -64,13 +64,13 @@ exports[`Dropdown renders correctly 1`] = `
 }
 
 .c1:after {
-  border-left: 5px solid transparent;
-  border-right: 5px solid transparent;
-  border-top: 5px solid white;
+  border-left: calc(8px / 1.5) solid transparent;
+  border-right: calc(8px / 1.5) solid transparent;
+  border-top: calc(8px / 1.5) solid #E7E7E7;
   content: '';
   height: 0;
   position: absolute;
-  right: 15px;
+  right: calc(8px * 2);
   top: 50%;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
@@ -79,11 +79,16 @@ exports[`Dropdown renders correctly 1`] = `
 }
 
 .c2 {
-  background-color: #ffffff;
-  border: 1px solid #ccc;
+  background-color: white;
+  border-color: #AAA;
+  border-style: solid;
+  border-width: 1px;
+  color: #111;
   display: none;
+  font-family: 'Fira Sans Condensed';
+  font-size: 16px;
   list-style-type: none;
-  margin: 2px 0 0 0;
+  margin: calc(8px / 4) 0 0 0;
   padding: 0;
   position: absolute;
   top: 100%;
@@ -95,16 +100,16 @@ exports[`Dropdown renders correctly 1`] = `
   cursor: pointer;
   font-family: 'Fira Sans Condensed';
   font-size: 16px;
-  padding: 10px;
+  padding: 8px;
   white-space: normal;
   word-break: break-word;
 }
 
 .c3:hover {
-  background-color: #f6f6f6;
+  background-color: #F1F1F1;
 }
 
-<ul
+<div
   className="c0"
 >
   <button
@@ -113,7 +118,13 @@ exports[`Dropdown renders correctly 1`] = `
     onClick={[Function]}
     type="button"
   >
-    Hello test
+    <span
+      data-testid="iconButton"
+    >
+      <span>
+        Hello test
+      </span>
+    </span>
   </button>
   <ul
     className="c2"
@@ -131,5 +142,5 @@ exports[`Dropdown renders correctly 1`] = `
       item 2
     </li>
   </ul>
-</ul>
+</div>
 `;