From c18db8cc7f9eb5799431e5fda2472baa54738f81 Mon Sep 17 00:00:00 2001
From: gorhill <rhill@raymondhill.net>
Date: Mon, 4 May 2015 17:49:15 -0400
Subject: [PATCH] a few css fixes

---
 src/css/dashboard-common.css |  18 +++++++++---------
 src/img/help16.png           | Bin 371 -> 0 bytes
 src/js/start.js              |   1 +
 src/privacy.html             |  14 +++++++-------
 4 files changed, 17 insertions(+), 16 deletions(-)
 delete mode 100644 src/img/help16.png

diff --git a/src/css/dashboard-common.css b/src/css/dashboard-common.css
index 972508c..77837c5 100644
--- a/src/css/dashboard-common.css
+++ b/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;
     }
-
diff --git a/src/img/help16.png b/src/img/help16.png
deleted file mode 100644
index 4bfac0b94c6f13b0645bcc68799d82fae7481edd..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 371
zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`Y)RhkE)4%caKYZ?lYt_f1s;*b
zKpodXn9)gNb_Gz7y~NYkmHjTapop>Fxyi?0GB7YQc)B=-Se#xvd85~n00CEjvE6?;
zImP}t%xXx;R=mY$w$l8+!VkviV`Z0pGk3minviCn5Gn9K$=lrQ`VR>q!Ry@4a-W}_
z+dZ>9{@Qoj<qve!&gAf2ao`m3%5UV$xbt_ywe*!t#=DuK6y{rekX>=-?^kU@?kBw`
z@`DN&u9$kdu{UeKv`5)&lb9X9jW@7Ni_#bJ(>~|0qWR6vnRl7X4=gSEonkMZE|Dbp
z@2l&5{s)1t+XI4^@pg4Cyu0i7tutB=G~b9WzAmxBcyn=rX{dqsyGowxU4}WqtaI7K
zHvV#qovxLUGO0uQ=!}K47B;?#WIP^!<G+Tv+`przB5QipZI|tTApB}^6x$3wNmF3(
OFnGH9xvX<aXaWFzIF}Xx

diff --git a/src/js/start.js b/src/js/start.js
index 8a8b2d2..d7c5caf 100644
--- a/src/js/start.js
+++ b/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;',
             '}',
diff --git a/src/privacy.html b/src/privacy.html
index bb6ba37..996be8c 100644
--- a/src/privacy.html
+++ b/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>