Remove social icons; refactor CSS for that element

web/app/themes/mitlib-news/inc/social.php

@@ -10,25 +10,16 @@
 
 ?>
 
-<ul class="sIcons hidden-xs anotherMenu clearfix pull-right">
+<ul class="sIcons hidden-xs anotherMenu clearfix pull-right flex-container">
 	<li class="sub soc">
 		<a title="subscribe" href="/news/subscribe/" >
 		Subscribe to news
 		</a>
-		</li>
-		<li class="tw soc">
-		<a title="twitter"  href="//twitter.com/mitlibraries" class="twitterLink">
-		<span class="si_twitter image_on"></span>
-		<span class="si_twitterBlue image_off"></span>
-		</a>
-		</li>
-		<li class="ig soc">
-		<a title="Instagram"  href="//instagram.com/mitlibraries/">
-		<span class="si_instagram image_on"></span>
-		<span class="si_instagramBlue image_off"></span>
-		</a>
-		</li>
-		 <li class="sf">
+	</li>
+	<li class="follow soc">
+		<a title="follow" href="/follow">Follow us</a>
+	</li>
+	<li class="sf">
 		<?php get_search_form( 'true' ); ?>
-			</li>
-		</ul>
+	</li>
+</ul>

web/app/themes/mitlib-news/style.css

@@ -82,34 +82,21 @@ h3 {
 .socialNavMiddle {
 	padding: 19px !important;
 }
+ul.anotherMenu {
+	align-items: baseline;
+}
 ul.anotherMenu li {
-	float: left;
+	white-space: nowrap;
 }
 li.sub {
-	margin-right: 13px;
-	padding-top: 0px;
-}
-li.fb {
-	margin-left: 5px;
-	margin-top: 1px;
-	margin-right: 5px;
+	margin-right: 7px;
 }
-li.tw {
-	margin-top: 0px;
-	margin-right: 8px;
+li.sub a {
+	border-right: 1px solid black;
+	padding-right: 7px;
 }
-li.ig {
+li.follow {
 	margin-right: 14px;
-	margin-top: 2px;
-}
-li.soc {
-	padding-top: 5px;
-}
-.image_off, .sIcons li:hover .image_on {
-	display: none
-}
-.image_on, .sIcons li:hover .image_off {
-	display: inline-block
 }
 ul#menu-subscribe {
 	float: left;
@@ -261,6 +248,7 @@ h2.search {
 	line-height: 1;
 	margin: 15px 0px;
 	padding: 0px 0px;
+	white-space: nowrap;
 }
 .entry-meta .author, .entry-meta .date-post, .entry-meta .category-post-single {
 	font-size: 11px;