Smaller alerts

* Slightly smaller close button elsewhere as well from *bootstrap* default
* Change padding on alerts to match
* Still alerts but more focus on user content than notices... plus if a larger notice is needed we can pack more in.

**NOTES**:
* Since we are interim deciding if *bootswatch* is going to be replaced by our own custom theme adding a "Staged" area that isn't normally part of that theme. Both Staged and Unstaged sections are overrides to that theme and should be maintained on dep updates.

Author: Martii

public/less/bootstrap/oujs-bootswatch.less

@@ -130,6 +130,10 @@ table {
   background-color: @gray-dark;
 }
 
+// Staged =====================================================================
+.close {
+  font-size: @close-font-size;
+}
 
 // Unstaged ===================================================================
 

public/less/bootstrap/oujs-variables.less

@@ -590,7 +590,7 @@
 //
 //## Define alert colors, border radius, and padding.
 
-@alert-padding:               15px;
+@alert-padding:               10px;
 @alert-border-radius:         @border-radius-base;
 @alert-link-font-weight:      bold;
 
@@ -778,6 +778,7 @@
 //##
 
 @close-font-weight:           bold;
+@close-font-size:             (@font-size-base * 1.25);
 @close-color:                 #000;
 @close-text-shadow:           0 1px 0 #fff;
 

views/includes/headerReminders.html

@@ -1,5 +1,5 @@
 <div>
-  <div class="alert alert-info alert-dismissible" role="alert">
+  <div class="alert alert-info alert-dismissible small" role="alert">
     <button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
     <p><i class="fa fa-fw fa-exclamation-triangle"></i> <b>REMINDER:</b> Don't miss out reading the <a class="alert-link" href="/announcements/Google_Authentication_Deprecation">Google Authentication Deprecation</a> with migration  announcement.</p>
   </div>

views/pages/loginPage.html

@@ -42,7 +42,7 @@ <h3>
             <button class="btn btn-info" type="submit">Register <i class="fa fa-sign-in fa-fw"></i></button>
           </span>
         </div>
-        <div class="alert alert-warning" role="alert">
+        <div class="alert alert-warning small" role="alert">
           <i class="fa fa-exclamation-triangle"></i> <strong>CAUTION</strong>: The unique Username that you choose to sign up with here will be displayed to everyone. It is strongly recommended to <strong>not</strong> use an email address.
         </div>
       </form>

views/pages/scriptIssueListPage.html

@@ -23,7 +23,7 @@
           </a>
         </div>
         {{#script.hasSupport}}
-        <div class="alert alert-success alert-dismissible" role="alert">
+        <div class="alert alert-success alert-dismissible small" role="alert">
           <button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
           {{#script.support}}<p><i class="fa fa-fw fa-support"></i> <b>Support:</b> <a href="{{{url}}}"{{#hasNoFollow}} rel="nofollow"{{/hasNoFollow}}>{{text}}</a></p>{{/script.support}}
           The script author requests that you use their preferred primary support method when filing an issue. Please consider using that for regular issues.