Stack Overflow brand fixes

_includes/footer.html

@@ -10,7 +10,7 @@
 			<a href="https://twitter.com/kubernetesio" class="twitter"><span>twitter</span></a>
 			<a href="https://github.com/kubernetes/kubernetes" class="github"><span>Github</span></a>
 			<a href="http://slack.k8s.io/" class="slack"><span>Slack</span></a>
-			<a href="http://stackoverflow.com/questions/tagged/kubernetes" class="stack-overflow"><span>stackoverflow</span></a>
+			<a href="http://stackoverflow.com/questions/tagged/kubernetes" class="stack-overflow"><span>Stack Overflow</span></a>
 			<a href="https://groups.google.com/forum/#!forum/google-containers" class="mailing-list"><span>Mailing List</span></a>
 			<a href="https://calendar.google.com/calendar/embed?src=nt2tcnbtbied3l6gi2h29slvc0%40group.calendar.google.com" class="calendar"><span>Events Calendar</span></a>
 			<label for="wishField">I wish this page <input type="text" id="wishField" name="wishField" placeholder="enter your wish"></label>

_includes/head-header.html

@@ -51,7 +51,7 @@
 					<a href="https://twitter.com/kubernetesio" class="twitter"><span>Twitter</span></a>
 					<a href="https://github.com/kubernetes/kubernetes" class="github"><span>Github</span></a>
 					<a href="http://slack.k8s.io/" class="slack"><span>Slack</span></a>
-					<a href="http://stackoverflow.com/questions/tagged/kubernetes" class="stack-overflow"><span>Stackoverflow</span></a>
+					<a href="http://stackoverflow.com/questions/tagged/kubernetes" class="stack-overflow"><span>Stack Overflow</span></a>
 					<a href="https://groups.google.com/forum/#!forum/google-containers" class="mailing-list"><span>Mailing List</span></a>
 					<a href="https://calendar.google.com/calendar/embed?src=nt2tcnbtbied3l6gi2h29slvc0%40group.calendar.google.com" class="calendar"><span>Events Calendar</span></a>
 				</div>

_sass/_base.sass

@@ -397,7 +397,6 @@ section
 
 #vendorStrip
 	position: relative
-	white-space: nowrap
 
 	ul
 		float: left
@@ -410,87 +409,26 @@ section
 		display: block
 		height: 100%
 		color: white
+		font-size: 0.75em
+		font-weight: bold
 
 	li + li, #search
-		margin-left: 60px
+		margin-left: 20px
 
 	#search
+		display: block
 		position: relative
-		float: right
+		width: 100%
-		width: 24%
 		min-width: 250px
 		padding: 0 10px
-		margin: 8px 30px 0 0
+		margin: 0
 		height: 30px
 		line-height: 30px
-		border: 1px solid $light-grey
+		border: 0
+		background-color: $dark-grey
 		font-size: 16px
+		clear: both
 
-	.dropdown
-		position: relative
-		float: right
-		height: 44px
-		font-size: 20px
-		color: white
-		line-height: 44px
-		cursor: pointer
-		overflow: hidden
-		z-index: 5000
-
-		&.on
-			overflow: visible
-
-		.readout
-			padding-left: 10px
-			padding-right: 40px
-			transition: 0.3s
-
-			&:after
-				content: ""
-				position: absolute
-				top: 22px
-				right: 10px
-				width: 0
-				height: 0
-				border-style: solid
-				border-width: 6px 6px 0 6px
-				border-color: white transparent transparent transparent
-				transition: 0.3s
-
-		.readout:hover
-			background-color: transparentize(white, 0.9)
-
-		&.on .readout
-			background-color: $light-grey
-			color: $dark-grey
-
-		&.on .readout:after
-			border-top-color: $dark-grey
-
-		.wrapper
-			position: absolute
-			top: 100%
-			left: 0
-			width: 100%
-
-		a
-			display: block
-			width: 100%
-			height: 30px
-			line-height: 30px
-			padding: 0 10px
-			font-size: 16px
-			font-weight: 300
-			background-color: $light-grey
-			color: $dark-grey
-			opacity: 0
-			transition: 0.3s
-
-			&:hover
-				background-color: #cccccc
-
-		&.on a
-			opacity: 1
 
 #encyclopedia
 	position: relative
@@ -598,10 +536,11 @@ section
 		height: 100%
 		background-color: white
 		overflow: auto
-		transition: width 0.3s
+		transition: 0.3s
 
 	&.on .sled
-		width: 100vw
+		width: 400px
+		max-width: 100vw
 
 	.top-bar
 		height: 0

_sass/_desktop.sass

@@ -2,6 +2,27 @@ $main-max-width: 1200px
 $video-section-height: 550px
 
 @media screen and (min-width: 1025px)
+	#vendorStrip
+		white-space: nowrap
+
+		li + li, #search
+			margin-left: 60px
+
+		#search
+			display: inline-block
+			position: relative
+			float: right
+			width: 24%
+			min-width: 250px
+			padding: 0 10px
+			margin: 8px 30px 0 0
+			height: 30px
+			line-height: 30px
+			border: 1px solid $light-grey
+			font-size: 16px
+
+
+
 	#docsToc
 		position: relative
 		float: left