a few css fixes

src/css/dashboard-common.css

@@ -1,7 +1,9 @@
 body {
+    background-color: #fff;
+    color: #000;
     margin: 0;
     padding: 0 0.5em 5em 0.5em;
-    font: 15px sans-serif;
+    font: 15px/1.4 sans-serif;
     }
 body > *:first-child {
     margin-top: 0;
@@ -39,17 +41,16 @@ button {
     width: 40em;
     }
 
-
-
 .whatisthis {
     margin: 0 0 0 8px;
     border: 0;
+    font-family: FontAwesome;
     padding: 0 0 4px 0;
-    width: 16px;
-    height: 16px;
-    background: url('/img/help16.png') no-repeat right bottom 1px;
     cursor: pointer;
-    opacity: 0.5;
+    opacity: 0.4;
+    }
+.whatisthis:before {
+    content: '\f059';
     }
 .whatisthis:hover {
     opacity: 1.0;
@@ -59,7 +60,7 @@ button {
     padding: 0.5em;
     font-size: smaller;
     display: none;
-    border: 1px dotted black;
+    border: 1px dotted #aaa;
     background-color: #F8F8F8;
     }
 .whatisthis-expandable > p {
@@ -77,4 +78,3 @@ button {
     padding: 5px;
     background-color: #FEDAE0;
     }
-

src/js/start.js

@@ -70,6 +70,7 @@ var defaultLocalUserSettings = {
                 'color: gray;',
                 'font: 12px sans-serif;',
                 'margin: 0;',
+                'overflow: hidden;',
                 'padding: 2px;',
                 'white-space: nowrap;',
             '}',

src/privacy.html

@@ -47,12 +47,12 @@ body[dir="rtl"] #spoof-user-agent-with {
 <ul>
     <li>
         <input id="delete-blacklisted-cookies" type="checkbox" data-setting-bool="deleteCookies"><label data-i18n="privacyDeleteBlockedCookiesPrompt" for="delete-blacklisted-cookies"></label>
-        <button class="whatisthis"></button>
+        <span class="whatisthis"></span>
         <div class="whatisthis-expandable para" data-i18n="privacyDeleteBlockedCookiesHelp"></div>
     <li>
         <input id="delete-unused-session-cookies" type="checkbox" data-setting-bool="deleteUnusedSessionCookies"><label data-i18n="privacyDeleteNonBlockedSessionCookiesPrompt1" for="delete-unused-session-cookies"></label>
         <input id="delete-unused-session-cookies-after" type="text" value="60" size="3"><span data-i18n="privacyDeleteNonBlockedSessionCookiesPrompt2"></span>
-        <button class="whatisthis"></button>
+        <span class="whatisthis"></span>
         <div class="whatisthis-expandable para" data-i18n="privacyDeleteNonBlockedSessionCookiesHelp"></div>
     <!--
         Delete non-blocked session cookies x minutes after the last time they have been used.
@@ -77,24 +77,24 @@ body[dir="rtl"] #spoof-user-agent-with {
     <li>
         <input id="clear-browser-cache" type="checkbox" data-setting-bool="clearBrowserCache"><label data-i18n="privacyClearCachePrompt1" for="clear-browser-cache"></label> 
         <input id="clear-browser-cache-after" type="text" value="60" size="3"> <label data-i18n="privacyClearCachePrompt2" for="clear-browser-cache-after"></label>
-        <button class="whatisthis"></button>
+        <span class="whatisthis"></span>
         <div class="whatisthis-expandable para" data-i18n="privacyClearCacheHelp"></div>
     <li>
         <input id="process-referer" type="checkbox" data-matrix-switch="referrer-spoof"><label data-i18n="privacyProcessRefererPrompt" for="process-referer"></label>
-        <button class="whatisthis"></button>
+        <span class="whatisthis"></span>
         <div class="whatisthis-expandable para" data-i18n="privacyProcessRefererHelp"></div>
     <li>
         <input id="no-mixed-content" type="checkbox" data-matrix-switch="https-strict"><label data-i18n="privacyNoMixedContentPrompt" for="no-mixed-content"></label>
-        <button class="whatisthis"></button>
+        <span class="whatisthis"></span>
         <div class="whatisthis-expandable para" data-i18n="privacyNoMixedContentHelp"></div>
     <li>
         <input id="process-hyperlink-auditing" type="checkbox" data-setting-bool="processHyperlinkAuditing"><label data-i18n="privacyProcessHyperlinkAuditingPrompt" for="process-hyperlink-auditing"></label>
-        <button class="whatisthis"></button>
+        <span class="whatisthis"></span>
         <div class="whatisthis-expandable para" data-i18n="privacyProcessHyperlinkAuditingHelp"></div>
     <li>&nbsp;
     <li>
         <input id="spoof-user-agent" type="checkbox" data-matrix-switch="ua-spoof"><label data-i18n="privacySpoofUserAgentPrompt1" for="spoof-user-agent"></label> <input id="spoof-user-agent-every" type="text" value="5" size="3"> <span data-i18n="privacySpoofUserAgentPrompt2"></span>
-        <button class="whatisthis"></button>
+        <span class="whatisthis"></span>
         <div class="whatisthis-expandable para" data-i18n="privacySpoofUserAgentHelp"></div>
         <textarea id="spoof-user-agent-with" spellcheck="false"></textarea>
 </ul>