Added dropdown menu, needs style fixing

1 files changed, 28 insertions, 6 deletions

diff --git a/assets/css/style.css b/assets/css/style.css
index 6690b33..685720d 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -77,25 +77,46 @@ h1{
 					color: lightblue;
 				}
 
-			/*.drop-menu {
+			/*.drop-menu ul {
+				display: none;
+				width: 100%;
+				position: absolute;
+				left: 0;
+			}	
+
+			.drop-menu ul li {
+				float: none;
+			}
+
+			.drop-menu ul li a {
+				padding: 12px 16px;
+
+			}*/
+
+			.drop-menu {
 			    display: none;
 			    position: absolute;
 			    background-color: #f9f9f9;
-			    min-width: 160px;
+			    /*min-width: 160px;*/
 			    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 			}
 
-			.drop-menu a {
-			    color: black;
-			    padding: 12px 16px;
+			.drop-menu li {
+				height: auto;
+				float: none;
+				color: black;
 			    text-decoration: none;
 			    display: block;
 			    text-align: left;
 			}
 
+			.drop-menu li a {
+				padding: 12px 16px;
+			}
+
 			.drop-down:hover .drop-menu {
 			    display: block;
-			}*/
+			}
 
 
 main {
@@ -153,6 +174,7 @@ main .search input[type=text] {
     background-position: 9px 9px;
     background-repeat: no-repeat;
     padding: 12px 20px 12px 40px;
+    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
     -webkit-transition: width 0.4s ease-in-out;
     transition: width 0.4s ease-in-out;
 }