layout.scss: Slightly update again

Signed-off-by: sunilpaulmathew <sunil.kde@gmail.com>

Author: sunilpaulmathew

docs/_sass/layout.scss

@@ -241,46 +241,52 @@ nav > ul li a:active {
 	align-content: flex-start;
 }
 
-.dropdown {
-  position: relative;
-  display: inline-block;
-}
-
 .dropbtn {
-  background: none;
-  border: none;
-  padding: 0;
-  cursor: pointer;
+	background-color: black;
+	color: white;
+	padding: 16px;
+	font-size: 16px;
+	border: none;
+	cursor: pointer;
 }
 
-.playStore {
-  width: 510px;
-  height: 150px;
-  margin-right: 24px;
+.dropdown {
+	float: left;
+	overflow: hidden;
 }
 
 .dropdown-content {
-  display: none;
-  position: absolute;
-  background-color: #fff;
-  min-width: 160px;
-  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
-  z-index: 1;
+	display: none;
+	position: absolute;
+	background-color: #f9f9f9;
+	min-width: 160px;
+	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
+	z-index: 1;
 }
 
 .dropdown-content a {
-  color: #000;
-  padding: 10px 15px;
-  text-decoration: none;
-  display: block;
+	color: black;
+	padding: 12px 16px;
+	text-decoration: none;
+	display: block;
 }
 
 .dropdown-content a:hover {
-  background-color: #f2f2f2;
+	background-color: #f1f1f1
 }
 
 .dropdown:hover .dropdown-content {
-  display: block;
+	display: block;
+}
+
+.dropdown:hover .dropbtn {
+	background-color: #3e8e41;
+}
+
+.playStore {
+	width: 510px;
+	height: 150px;
+	margin-right: 24px;
 }
 
 @media only screen and (max-width: 992px) {