diff --git a/src/gui/css/quickListCSS.tw b/src/gui/css/quickListCSS.tw
index c9abfac2f185cbf0c8af76145ca20e36ce6316c5..471fb8f09d60730ff4acd48ea4a7d02a85a7c743 100644
--- a/src/gui/css/quickListCSS.tw
+++ b/src/gui/css/quickListCSS.tw
@@ -22,44 +22,69 @@ div.quicklist.devotion button.resistant
     background-color:mediumorchid;
 }
 div.quicklist.devotion button.ambivelent
-{ background-color:yellow; }
+{
+    background-color: yellow;
+    color: #444444;
+}
 div.quicklist.devotion button.accepting
-{ background-color:hotpink; }
+{
+    background-color: hotpink;
+}
 div.quicklist.devotion button.devoted
-{ background-color:deeppink; }
+{
+    background-color: deeppink;
+}
 div.quicklist.devotion button.worshipful
-{ background-color:magenta; }
+{
+    background-color: magenta;
+}
 div.quicklist.trust button.mindbroken
-{ }
+{
+    background-color: gray;
+}
 div.quicklist.trust button.extremely-terrified
-{ background-color:darkgoldenrod; }
+{
+    background-color: darkgoldenrod;
+}
 div.quicklist.trust button.terrified
 {
-    background-color:goldenrod; }
+    background-color: goldenrod;
+}
 div.quicklist.trust button.frightened
 {
-    background-color:gold; }
+    background-color: gold;
+    color: coral;
+}
 div.quicklist.trust button.fearful
 {
-    background-color:yellow; }
+    background-color: yellow;
+    color: green;
+}
 div.quicklist.trust button.hate-careful
 {
-    background-color:orange; }
+    background-color: orange;
+}
 div.quicklist.trust button.careful
 {
-    background-color:mediumaquamarine; }
+    background-color: mediumaquamarine;
+    color: forestgreen;
+}
 div.quicklist.trust button.bold
 {
-    background-color:orangered; }
+    background-color: orangered;
+}
 div.quicklist.trust button.trusting
 {
-    background-color:mediumseagreen; }
+    background-color: mediumseagreen;
+}
 div.quicklist.trust button.defiant
 {
-    background-color:darkred; }
+    background-color: darkred;
+}
 div.quicklist.trust button.profoundly-trusting
 {
-    background-color:seagreen; }
+    background-color: seagreen;
+}
 div.quicklist
 {
     table-layout: fixed;
diff --git a/src/uncategorized/slaveSummary.tw b/src/uncategorized/slaveSummary.tw
index 4150918a5adf4f37e4f89bd6218e003eedd9aadc..8b4502d08f333302756da0742b2c4cfc326ea46e 100644
--- a/src/uncategorized/slaveSummary.tw
+++ b/src/uncategorized/slaveSummary.tw
@@ -120,7 +120,7 @@
                                         $('#qlWrapper').removeClass('trust').addClass('devotion');
                                         sortButtonsByDevotion();
                                 <</script>>
-                        <</link>>
+                        <</link>> |
                         <<link "Sort by Trust">>
                                 <<set $sortQuickList = 'Trust'>>
                                 <<replace "#qlSort">>$sortQuickList<</replace>>
@@ -130,6 +130,29 @@
                                 <</script>>
                         <</link>>
                         <br/>
+                        <div id="qlWrappertestDev" class="quicklist devotion">
+                            <button class="mindbroken">mindbroken</button>
+                            <button class="very-hateful">very-hateful</button>
+                            <button class="hateful">hateful</button>
+                            <button class="resistant">resistant</button>
+                            <button class="ambivelent">ambivelent</button>
+                            <button class="accepting">accepting</button>
+                            <button class="devoted">devoted</button>
+                            <button class="worshipful">worshipful</button>
+                        </div>
+                        <div id="qlWrappertesttrust" class="quicklist trust">
+                            <button class="mindbroken">mindbroken</button>
+                            <button class="extremely-terrified">extremely-terrified</button>
+                            <button class="terrified">terrified</button>
+                            <button class="frightened">frightened</button>
+                            <button class="fearful">fearful</button>
+                            <button class="hate-careful">hate-careful</button>
+                            <button class="careful">careful</button>
+                            <button class="bold">bold</button>
+                            <button class="trusting">trusting</button>
+                            <button class="defiant">defiant</button>
+                            <button class="profoundly-trusting">profoundly-trusting</button>
+                        </div>
                         <div id="qlWrapper" class="quicklist devotion">
 			<<for !_.isUndefined(_buttons[0])>>
                                 <<set _button = _buttons.shift()>>