Restore existing styles.

TODO extract overrides instead of replacing styles wholesale.

public/css/loopbackStyles.css

@@ -10,6 +10,7 @@
   content: attr(data-tooltip);
   position: absolute;
   white-space: nowrap;
+  font-size: 12px;
   background: rgba(0, 0, 0, 0.85);
   padding: 3px 7px;
   color: #FFF;
@@ -19,3 +20,8 @@
   right: 0;
   bottom: -30px;
 }
+
+/* 
+FIXME: Separate the overrides from the rest of the styles, rather than override screen.css entirely.
+*/
+

public/index.html

@@ -33,7 +33,7 @@
     <a id="logo">StrongLoop API Explorer</a>
     <form id='api_selector'>
       <div class='input'>
-        <span class='accessTokenDisplay'>Access Token Not Set</span>
+        <span class='accessTokenDisplay'>Token Not Set</span>
         <input placeholder="accessToken" id="input_accessToken" name="accessToken" type="text"/>
       </div>
       <div class='input'><a id="explore" type="submit">Set Access Token</a></div>

public/lib/loadSwaggerUI.js

@@ -45,7 +45,7 @@ $(function() {
       log('added accessToken ' + key);
       window.authorizations.add('key', new ApiKeyAuthorization('accessToken', key, 'query'));
       accessToken = key;
-      $('.accessTokenDisplay').text('Access Token Set.').addClass('set');
+      $('.accessTokenDisplay').text('Token Set.').addClass('set');
       $('.accessTokenDisplay').attr('data-tooltip', 'Current Token: ' + key);
     }
   }
@@ -55,9 +55,9 @@ $(function() {
     var key = $(e.currentTarget)[0].value;
     if (!key || key.trim === '') return;
     if (accessToken !== key) {
-      $('.accessTokenDisplay').text('Access Token changed; submit to confirm.');
+      $('.accessTokenDisplay').text('Token changed; submit to confirm.');
     } else {
-      $('.accessTokenDisplay').text('Access Token Set.');
+      $('.accessTokenDisplay').text('Token Set.');
     }
   }
 });