Fix menu phone styling

12 years ago · 43af25a30e
1 changed files with 9 additions and 1 deletions
--- a/couchpotato/static/style/main.css
+++ b/couchpotato/static/style/main.css
@ -201,14 +201,22 @@ body > .spinner, .mask{
 	top: -3px;
 }
 .icon2.menu:before { 
-	content: "\e076   \e076   \e076"; 
+	content: "\e076\00a0 \e076\00a0 \e076\00a0"; 
 	line-height: 6px;
 	transform: scaleX(2);
 	width: 20px;
 	font-size: 10px;
 	display: inline-block;
 	vertical-align: middle;
+	word-wrap: break-word;
+	text-align:center;
+	margin-left: 5px;
 }
+	@media screen and (-webkit-min-device-pixel-ratio:0) {
+		.icon2.menu:before { 
+			margin-top: -7px;
+		}
+	}

 /*** Navigation ***/
 .header {