From f74002b727abb1c60abc92c27a04bd70e943eaa5 Mon Sep 17 00:00:00 2001
From: Rammanoj <rammanojpotla1608@gmail.com>
Date: Mon, 31 Jul 2017 20:41:29 +0530
Subject: [PATCH] Tabs (Read / View Source / Search) collapsed under more in
 resolution < 700px

tabs such as read/view source are collapsed into more in screens
whose resolution is less than 700 px so that they don't wrap to
the next line and cover the content of the page

Bug: T56919
Change-Id: I30e0642d3cb93c4d9a8b2bdfb7f04912d8ca8649
---
 VectorTemplate.php        | 4 +---
 components/watchstar.less | 5 +++++
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/VectorTemplate.php b/VectorTemplate.php
index 50c4439..c4c6aa5 100644
--- a/VectorTemplate.php
+++ b/VectorTemplate.php
@@ -538,9 +538,7 @@ class VectorTemplate extends BaseTemplate {
 
 		// Add CSS class 'collapsible' to links which are not marked as "primary"
 		if (
-			isset( $options['vector-collapsible'] ) && $options['vector-collapsible']
-			&& !( isset( $item['primary'] ) && $item['primary'] )
-		) {
+			isset( $options['vector-collapsible'] ) && $options['vector-collapsible'] ) {
 			$item['class'] = rtrim( 'collapsible ' . $item['class'], ' ' );
 		}
 
diff --git a/components/watchstar.less b/components/watchstar.less
index 17bcbd7..cdea9bc 100644
--- a/components/watchstar.less
+++ b/components/watchstar.less
@@ -17,21 +17,26 @@
 	background-position: 5px 60%;
 }
 #ca-unwatch.icon a {
+	background-repeat: no-repeat;
 	.background-image-svg( 'images/unwatch-icon.svg', 'images/unwatch-icon.png' );
 }
 #ca-watch.icon a {
+	background-repeat: no-repeat;
 	.background-image-svg( 'images/watch-icon.svg', 'images/watch-icon.png' );
 }
 #ca-unwatch.icon a:hover,
 #ca-unwatch.icon a:focus {
+	background-repeat: no-repeat;
 	.background-image-svg( 'images/unwatch-icon-hl.svg', 'images/unwatch-icon-hl.png' );
 }
 #ca-watch.icon a:hover,
 #ca-watch.icon a:focus {
+	background-repeat: no-repeat;
 	.background-image-svg( 'images/watch-icon-hl.svg', 'images/watch-icon-hl.png' );
 }
 #ca-unwatch.icon a.loading,
 #ca-watch.icon a.loading {
+	background-repeat: no-repeat;
 	.background-image-svg( 'images/watch-icon-loading.svg', 'images/watch-icon-loading.png' );
 	.rotation( 700ms );
 	/* Suppress the hilarious rotating focus outline on Firefox */