Action style changes

db_explorer/db_explorer/static/css/base.css

@@ -13,16 +13,18 @@ body {
 }
 
 ul.traits {
-    padding-left: 0.5em;
+    padding-left: 0em;
 }
 
 li.trait {
     display: inline;
+    font-size: 0.9em;
+    font-variant: small-caps;
     color: #fefefe;
     background-color: #5e0000;
     border-color: #d8ce83;
     border-style: solid;
     border-width: 2px;
-    padding: 0 0.25em;
+    padding: 0.1em 0.25em;
     margin: 0 0;
 }

db_explorer/db_explorer/templates/action.html

@@ -3,10 +3,10 @@
 {% block body %}
         <h1>{{action["name"]}}{{c.actions[action["_action_icon"]]|safe}}</h1>
         <ul class="traits">
-        {%- for trait in action["_all_traits"] %}
-          <li class="trait">{{trait|upper}}</li>
-        {% endfor -%}
+        {%- for trait in action["_all_traits"] -%}
+          <li class="trait">{{trait|capitalize}}</li>
+        {%- endfor -%}
         </ul>
-        <p>{{action["data"]["description"]["value"]|filter_vtt|safe}}</p>
+        {{action["data"]["description"]["value"]|filter_vtt|safe}}
         <p class="sourcebook">{{action["data"]["source"]["value"]}}</p>
 {% endblock %}