fixing a typo in the search form markup, and making a corresponding adjustment in the css, also - adding a few more FontAwesome icons to the Page Actions menu

assets/scripts/foreground.js

@@ -3,6 +3,20 @@ jQuery(document).ready(function() {
     console.log(response.errors);
   });
 
+  jQuery('li#ca-nstab-main a').addClass('icon-file').text(' ' + jQuery('li#ca-nstab-main a').text());
+  jQuery('li#ca-nstab-user a').addClass('icon-user').text(' ' + jQuery('li#ca-nstab-user a').text());
+  jQuery('li#ca-talk a').addClass('icon-comments').text(' ' + jQuery('li#ca-talk a').text());
+  jQuery('li#ca-edit a').addClass('icon-edit').text(' ' + jQuery('li#ca-edit a').text());
+  jQuery('li#ca-history a').addClass('icon-archive').text(' ' + jQuery('li#ca-history a').text());
+  jQuery('li#ca-delete a').addClass('icon-remove').text(' ' + jQuery('li#ca-delete a').text());
+  jQuery('li#ca-move a').addClass('icon-truck').text(' ' + jQuery('li#ca-move a').text());
+  jQuery('li#ca-protect a').addClass('icon-shield').text(' ' + jQuery('li#ca-protect a').text());
+  jQuery('li#ca-watch a').addClass('icon-star').text(' ' + jQuery('li#ca-watch a').text());
+  jQuery('li#ca-purge a').addClass('icon-refresh').text(' ' + jQuery('li#ca-purge a').text());
+  jQuery('li#t-smwbrowselink a').addClass('icon-eye-open').text(' ' + jQuery('li#t-smwbrowselink a').text());
+
+
+
   // Split the namespace title into a title and a label
   var $title = jQuery("h2.title:contains(':')").not(":contains('\"')").not(":contains('as of')").text().split(":");
   jQuery("h2.title:contains(':')").not(":contains('\"')").not(":contains('as of')").html('<small class="label">' + $title[0] + '</small><span>' + $title[1] + '</span>');

assets/stylesheets/foreground.css

@@ -33,6 +33,10 @@ h2 small.label {
   display:inline-block;
 }
 
+.label {
+  padding-bottom: 0.39em;
+}
+
 h2 span {
   display:block;
 }
@@ -86,6 +90,15 @@ div#userloginprompt, p#userloginlink {
 
 
 /* LISTS */
+
+ul#drop1.f-dropdown {
+  margin-left:0;
+  margin-top:.5em;
+  margin-bottom:.25em;
+  padding:.25em;
+}
+
+
 #mw-content-text ul {
   list-style-type: disc;
   margin: .5em 1.25em;
@@ -351,6 +364,11 @@ button, .button {
   padding: 0.3em 0.75em 0.4em 0.75em;
 }
 
+.top-bar .button.search {
+  top: 1px;
+  text-align: left;
+}
+
 input[type="submit"] {
     background-color: #5da423;
     border-color: #457a1a;

foreground.skin.php

@@ -62,7 +62,7 @@ class ForegroundTemplate extends BaseTemplate {
 		        				<?php echo $this->makeSearchInput(array('placeholder' => 'Search...', 'id' => 'searchInput') ); ?>
 		        			</div>
 		        			 <div class="small-4 columns">
-		        				<button type="submit" calass="alert button">Search</button>
+		        				<button type="submit" class="button search">Search</button>
 		        			</div>
 		        		</div>
 		        	</form>