Merge "Prevent logo text overlapping icons on small mobile displays"

7 years ago · 45116ea7a3
parent 40c4641446 4eb3791bd4
commit 45116ea7a3
1 changed files with 14 additions and 0 deletions
--- a/resources/screen-misc.less
+++ b/resources/screen-misc.less
@ -24,3 +24,17 @@
 		margin-right: @column-right-size + 3em;
 	}
 }
+
+// Prevent logo text overlapping icons on small displays
+@media screen and ( max-width: 550px ) {
+	#p-logo-text {
+		position: static;
+
+		a {
+			padding-top: 0;
+		}
+		a.long {
+			padding-bottom: 0.2em;
+		}
+	}
+}